如何切换自动滚动功能/反向页面滚动?

时间:2014-03-05 04:28:45

标签: javascript scroll toggle autoscroll

我的网站有一个大横向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
}

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

非常感谢所有帮助,提前谢谢!

1 个答案:

答案 0 :(得分:0)

工作小提琴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;
}