没有锚点的JavaScript滚动页面

Question

我试图找到是否有任何与滚动页面相关的解决方案，如fullpage.js。逐页向上滚动网站。

这与fullpage.js不同，因为它将页面滑动到不同的div，但我需要它在一个div中移动。

这是我尝试过的代码：

<div> a very long text here..... </div>

Window.onscroll = function() {test()};

Function test(){ window.scrollby(0, 300) };

上面的代码只向下滚动并且不会停止。它一直向下滚动直到页面底部。

那么，怎么样？

Answer 1

你需要一些东西来阻止无限循环，试试这个......

<div> a very long text here..... </div>

Window.onscroll = function() {test()};
var isAutoScroll = false;
Function test(){ 
if(!isAutoScroll ){
   isAutoScroll = true;//Next time will not scroll
   window.scrollby(0, 300) };
}
else
{
   isAutoScroll = false;
   return;
}