按当前视口的高度向下滚动页面

Question

我有一个页面,其中有一个固定定位按钮,单击该按钮时应计算视口的高度,然后按该高度向下滚动页面.即.到下一个视口.当用户到达没有更多空间滚动时,我想要隐藏此按钮.不知道该怎么做,到目前为止我有这个:

$(document).on('click', '.next-viewport-down', function(event){                        
                     event.preventDefault();
                     var viewportHeight = $(window).height();

                         $('html, body').stop(true,true).animate({
                                 .....
                             }, 2000);
            });

Answer 1

试试这个.

$(document).on('click', '.next-viewport-down', function(event){                        
    event.preventDefault();
    var viewportHeight = $(window).height();

    $('html, body').animate({
        scrollTop: viewportHeight,
        complete: function () {
            //Hide your button here
        }
    }, 2000);
});