прокрутите страницу вниз по высоте текущего окна просмотра

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); 
});