jQuery — кнопка перехода снизу на страницу и ссылка на внешний сайт

#javascript #jquery #scrolltop

#javascript #jquery #scrolltop

Вопрос:

Я хочу настроить кнопку с ползунка для прокрутки вниз под сгибом, чтобы внешняя кнопка «давайте поговорим» стала видимой и плавающей. При прокрутке вниз эта кнопка «давайте поговорим» следует за вами. Если вы нажмете на эту кнопку, вы попадете на внешний сайт.

Прямо сейчас этот 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);
        }
    });  

Ответ №1:

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

 $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');
});
  

Комментарии:

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