向下滚动/向上滚动100％的页面 - 动画

Question

我想向下/向上滚动100％的高度。 通过鼠标滚动激活而不是单击。

我尝试了这个，但我的页面陷入了困境。 我正在使用wordpress。

$( document ).ready(function() {
    $(window).scroll(function (event) {
        window.scroll(0,document.body.scrollHeight);
    });
});

Answer 1

这样的事情应该有效：

var lastScrollTop = 0;
$(window).scroll(function(event){
   var st = $(this).scrollTop();
   if (st > lastScrollTop){
      window.scroll(0,document.body.scrollHeight);
   } else {
      window.scroll(0,0);
   }
   lastScrollTop = st;
});

这是一个JSFiddle演示它：

https://jsbin.com/wodikevare/edit?html,js,output