javascript - 如何使用 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 更改为不同的值，您可以在任何位置滚动

向上或向下滚动增加或减少值..

希望对你有用