javascript - 如何像向上滚动一样向下滚动，向下滚动时我没有得到页面高度

Question

我无法在底部向下滚动...

上面的代码对于顶部工作正常但对于底部我们不知道页面的高度。然后它会在页面结束时产生问题。请给我建议...谢谢

$('.scrollToDown').fadeIn();
$(window).scroll(function(){
    if ($(this).scrollTop() > 0) {
        $('.scrollToTop').fadeIn();
        $('.scrollToDown').fadeOut();
    } else {
        $('.scrollToTop').fadeOut();
        $('.scrollToDown').fadeIn();
    }
});
$('.scrollToTop').click(function(){
    $('html, body').animate({scrollTop : 0},700);
    return false;
});
$('.scrollToDown').click(function(){
    $('html, body').animate({scrollTop : 5110},1000);
    return false;
});

Answer 1

您可以使用$(document).height()

试试这个

$('.scrollToDown').fadeIn();
$(window).scroll(function(){
    if ($(this).scrollTop() > 0) {
        $('.scrollToTop').fadeIn();
        $('.scrollToDown').fadeOut();
    } else {
        $('.scrollToTop').fadeOut();
        $('.scrollToDown').fadeIn();
    }
});
$('.scrollToTop').click(function(){
    $('html, body').animate({scrollTop : 0},700);
    return false;
});
$('.scrollToDown').click(function(){
    $('html, body').animate({scrollTop : $(document).height()},1000);
    return false;
});