【问题标题】:How to toggle auto scroll function / reverse page scroll?如何切换自动滚动功能/反向页面滚动?
【发布时间】:2014-03-05 04:28:44
【问题描述】:

我有一个带有一个大水平 div 的网站。它会在加载时自动垂直和水平滚动(我使用了这里讨论的这个 javascript:smooth auto scroll by using javascript):

function pageScroll() {
    window.scrollBy(10,-10); // horizontal and vertical scroll increments
    scrolldelay = setTimeout('pageScroll()',100); // scrolls every 100 milliseconds
}

我想知道但无法弄清楚:是否可以切换此功能?我希望一旦页面自动滚动到页面的末尾,它就会返回并再次返回到左侧。这样它就来来回回,永远上下。

非常感谢所有帮助,在此先感谢!

【问题讨论】:

    标签: javascript scroll toggle autoscroll


    【解决方案1】:

    工作小提琴http://jsfiddle.net/sajith/MJQ7u/

    var xMax, yMax, xNeg=1, yNeg=1;
    
    function pageScroll() {
        window.scrollBy(10 * xNeg, 10 * yNeg);
        if(xMax == window.scrollX)xNeg = xNeg * -1;
        if(yMax == window.scrollY)yNeg = xNeg * -1;
        scrolldelay = setTimeout(pageScroll,100);
        console.log(window.scrollY);
        xMax = window.scrollX;
        yMax = window.scrollY;
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-10-02
      • 1970-01-01
      • 2012-02-05
      • 2017-02-19
      • 1970-01-01
      • 2020-09-05
      • 1970-01-01
      • 2015-01-19
      相关资源
      最近更新 更多