2016-07-28 21 views
0

この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> 

答えて

0

私が最終的に作業したスクリプトは、私の元の投稿とは少し異なります。これは何らかの理由でGoogle Chromeでうまくいくとは思えません。

ここでは、メインのスクリプトがどこから来た

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

...私は最終的に一緒に入れて、本体部のために、...ここにも

<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> 

に感謝する人がいるものです別の記事がここにあるstackoverflow、SajithNair (This Article Here

関数が追加されただけで、関数呼び出しpageScroll()はちょうどリンクとして呼び出されます。これは、this Article.

関連する問題