[英]Auto Scroll enable and disable link
如何修改以下腳本,以便能夠使用簡單的文本鏈接(例如html鏈接<a href="javascript:stopScroll()">Stop Scrolling</a>
停止並啟用自動<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>
我終於開始使用的腳本與我的原始帖子有些不同。 這似乎可行,但由於某些原因在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>
主要的腳本來自另一篇文章在這里計算器,SajithNair( 該文章在這里 )
僅添加了stopScroll()函數,並且僅將函數調用pageScroll()作為鏈接調用。 這在本文中得到了證明。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.