2016-10-08 5 views
1

Я хочу настроить кнопку с ползунка, чтобы прокручивать вниз под складкой, а внешняя кнопка «let's talk» станет видимой и плавающей. Когда вы прокрутите вниз, эта кнопка «давайте поговорим» следует за вами. Если вы нажмете на эту кнопку, вы попадете на внешний сайт.jQuery - кнопка внизу к странице и ссылка на внешний сайт

Прямо сейчас, этот JavaScript поднимает вас вверх, если вы нажмете, но я хочу, чтобы это перешло на внешний сайт. Предоставьте несколько полезных советов, чтобы изменить этот скрипт.

jQuery(document).ready(function($){ 
 
    "use strict";// browser window scroll (in pixels) after which the "back to top" link is shown 
 
    var offset = 300, 
 
     //browser window scroll (in pixels) after which the "back to top" link opacity is reduced 
 
     offset_opacity = 1200, 
 
     //duration of the top scrolling animation (in ms) 
 
     scroll_top_duration = 700, 
 
     //grab the "back to top" link 
 
     $back_to_top = $('.cd-top'); 
 
    
 
    //hide or show the "back to top" link 
 
    $(window).scroll(function(){ 
 
     ($(this).scrollTop() > offset) ? $back_to_top.addClass('cd-is-visible') : $back_to_top.removeClass('cd-is-visible cd-fade-out'); 
 
     if($(this).scrollTop() > offset_opacity) { 
 
      $back_to_top.addClass('cd-fade-out'); 
 
     } 
 
    }); 
 
    
 
    //smooth scroll to top 
 
    $back_to_top.on('click', function(event){ 
 
     event.preventDefault(); 
 
     $('body,html').animate({ 
 
      scrollTop: 0 , 
 
      }, scroll_top_duration 
 
     ); 
 
    }); 
 
    
 
}); 
 

 
$('a[href^="#"]').on('click', function(event) { 
 
     var target = $(this.getAttribute('href')); 
 
     if(target.length) { 
 
      event.preventDefault(); 
 
      $('html, body').stop().animate({ 
 
       scrollTop: target.offset().top 
 
      }, 1000); 
 
     } 
 
    });

ответ

0

если и просто хотите вернуться к началу кнопку, чтобы принять вас на другую страницу, просто замените

$back_to_top.on('click', function(event){ 
    event.preventDefault(); 
    $('body,html').animate({ 
     scrollTop: 0 , 
     }, scroll_top_duration 
    ); 
}); 

к этому

$back_to_top.on('click', function(event){ 
    event.preventDefault(); 
    window.location.replace('http://www.yoursite.com'); 
}); 
+0

Он работает хорошо. Спасибо, Ашраф! – user6942346

+0

рад узнать. поэтому не забудьте принять и перенести ан, поскольку он решил вашу проблему. –

Смежные вопросы