Javascript 向下/向上100%滚动页面-动画

Javascript 向下/向上100%滚动页面-动画,javascript,jquery,Javascript,Jquery,我想向下/向上滚动100%的高度。 通过鼠标滚动激活,而不是单击 我试过了,但我的页面底部卡住了。 我在用wordpress $( document ).ready(function() { $(window).scroll(function (event) { window.scroll(0,document.body.scrollHeight); }); }); 像这样的方法应该会奏效: var lastScrollTop = 0; $(window).sc

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

我试过了,但我的页面底部卡住了。 我在用wordpress

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

像这样的方法应该会奏效:

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;
});
下面是一个JSFIDLE演示:


谢谢你的回答!事实上,这是有效的。但我想滚动页面高度的100%。我编辑我的问题。这是一个演示:在这种情况下,你的问题已经得到了回答:这个滚动条是通过点击激活的。我想用鼠标滚动。。。你能帮忙吗?差不多了。当我向下滚动到底部时。这是我的网站,我真的认为你走错了路。另一个例子是你给的不同焦点元素之间的滚动条,不是固定高度。我认为这是一个更好的方法。你所说的“每次”是什么意思?什么应该触发滚动:点击按钮/链接?如果是:哪个按钮/链接?用同一个按钮或不同的按钮上下?可能重复无按钮。这是一个完美的例子,我搜索啊-好吧,你的解决方案就在你的链接…我不知道如何包括在wordpress上。