2014-03-05 134 views
1

我有一個大橫向div的網站。它會自動垂直和水平滾動的onload(我用這個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 
} 

我想知道些什麼,但想不通:是有可能觸發這個功能呢?我希望一旦頁面自動滾動到頁面的末尾,它會再次返回並返回到左側。這樣它就會永遠地來回移動。

所有幫助非常感謝,提前致謝!

回答

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; 
} 
+0

非常感謝SajithNair,這是做的伎倆! – Kaleid0sk0p