自动滚动启用和禁用链接答案

【问题标题】：Auto Scroll enable and disable link自动滚动启用和禁用链接
【发布时间】：2016-07-29 07:27:18
【问题描述】：

如何修改以下脚本，以便能够使用此 html 链接之类的简单文本链接来停止和启用自动滚动 <a href="javascript:stopScroll()">Stop Scrolling</a> ? 谢谢。

<script>
(function() {
   'use strict';

   var dbh,sto,num=3,temp=0,scrolldelay=70;

function init(){ 
    dbh=document.body.offsetHeight;
    pageScroll();
 }

function pageScroll() {
    window.scrollBy(0,num);
    temp+=num;
if((temp>=dbh)||(temp<=0)){
    num=-num;
 }
   sto=setTimeout(function(){pageScroll();},scrolldelay);
 }
   window.addEventListener?
   window.addEventListener('load',init,false):
   window.attachEvent('onload',init);
})();
</script>

【问题讨论】：

标签： javascript html scroll

【解决方案1】：

我终于开始工作的脚本与我原来的帖子有点不同。由于某种原因，这似乎可行，但在 Google Chrome 中却没有那么流畅。

这是我最终整理的内容，这里也有一些人要感谢......

<script>
var xMax, yMax, xNeg=1, yNeg=1;

function pageScroll() {
    window.scrollBy(1 * xNeg, 1 * yNeg);
    if(xMax == window.scrollX)xNeg = xNeg * -1;
    if(yMax == window.scrollY)yNeg = xNeg * -1;
    scrolldelay = setTimeout(pageScroll,1);
    console.log(window.scrollY);
    xMax = window.scrollX;
    yMax = window.scrollY;
}
function stopScroll() {
        clearTimeout(scrolldelay);
}
</script>

现在，对于正文部分...

<a href="javascript:stopScroll()">Stop or Slow Auto Scroll.</a><br>
<a href="javascript:pageScroll()">Start or Speed Up Auto Scroll.</a>

主要脚本来自 stackoverflow 上的另一篇文章 SajithNair (This Article Here)

stopScroll() 函数只是添加了，函数调用 pageScroll() 只是作为链接调用。这在this Article.

中得到了证明

【讨论】：