如何使用jQuery创建动画滚动到向下按钮

Question

This script for scroll to top, how can i change to scroll down.

This is my script:

$(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

这将使用jQuery将窗口动画化到页面底部

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

Answer 2

You can try this

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

Here DIV2 is the DIV that u want to scroll and DIV1 is where u want to scroll .

By changing value 80 to different values u can scroll at any position

To scroll up or down increase or decrease value..

Hope works for u