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

【问题标题】：Scroll down/up 100% of page - Animated向下/向上滚动 100% 页面 - 动画
【发布时间】：2017-10-14 08:31:09
【问题描述】：

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

我试过了，但我的页面卡在了底部。我正在使用 wordpress。

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

【问题讨论】：

“每次”是什么意思，什么应该触发滚动：点击按钮/链接？如果是：哪个按钮/链接？使用相同的按钮或不同的按钮上下？
Scroll down whole browser window的可能重复
没有按钮。这是我搜索 alvarotrigo.com/fullPage/#firstPage 的完美示例
啊 - 好吧，您的链接中就有解决方案...
我不知道如何将它包含在 wordpress 中。

标签： javascript jquery

【解决方案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

【讨论】：

感谢您的回答！事实上，这奏效了。但我想滚动页面高度的 100%。我编辑我的问题。这是一个演示：alvarotrigo.com/fullPage/#firstPage
那么，您的问题已经得到解答：stackoverflow.com/questions/30350008/…
这个滚动是通过点击激活的。我想用鼠标滚动...你能帮忙吗？
差不多。当我向下滚动到底部时。这是我的网站encurtador.com.br/gkMP7
我真的认为您以错误的方式处理此问题。您提供的网站的另一个示例在不同的焦点元素之间滚动，而不是固定高度。我认为这是一种更好的方法。