Как создать анимационную кнопку прокрутки вниз с помощью jQuery

Question

Этот скрипт для прокрутки вверх, как я могу изменить прокрутку вниз.

Это мой сценарий:

$(document).ready(function(){ 

//Check to see if the window is top if not then display button 
$(window).scroll(function(){ 
    if ($(this).scrollTop() > 100) { 
     $('.scrollToTop').fadeIn(); 
    } else { 
     $('.scrollToTop').fadeOut(); 
    } 
}); 

//Click event to scroll to top 
$('.scrollToTop').click(function(){ 
    $('html, body').animate({scrollTop : 0},800); 
    return false; 
}); 
}); 

Answer 1

Вы можете попробовать это

$("#DIV1").animate({ 
    scrollTop: $('#DIV2').offset().top - $("#DIV1").offset().top + $("#DIV1").scrollTop()-80 
},800); 

Здесь div2 является DIV, который вы хотите прокрутить, и DIV1 - это то, где вы хотите прокручивать.

Изменяя значение 80 для различных значений и может прокручивать в любом положении

Для прокрутки вверх или вниз увеличение или уменьшение значения ..

Надежда работает для швеллеров

Answer 2

Это анимировать окно в нижней части страницы с помощью JQuery

$("html, body").animate({ scrollTop: $(document).height() }, 1000);