2016-06-30 4 views
0
<body> 
<div id="scr" style="overflow:auto; width: 100%; height: 100%; "> 
    <p id="content"></p> 
</div> 

var sites = ['linkexample.com'、 'http://link2.com'、 'http://link3.com'];自動スクロールがページの下部に当たると、ページ内のURL配列をループする方法はありますか?

i = 3; 
ctr = 0; 
while(ctr < i){ 
document.getElementById("content").innerHTML = '<object width="100%" height="100%" data="' + sites[ctr] + '"></object>'; 

function ScrollDiv(){ 
    if(document.getElementById('scr').scrollTop<(document.getElementById('scr').scrollHeight-document.getElementById('scr').offsetHeight)){-1 
     document.getElementById('scr').scrollTop=document.getElementById('scr').scrollTop+1 
     } 

    else { 
     ctr++; 
     } 

たsetInterval(ScrollDiv、5) }

}。配列による

+0

自動スクロールがページの最後に達しているかどうかを確認できますか? – brk

答えて

0

このコード例の繰り返し処理では、私はあなたのコード内のいくつかのミスを修正した。また<p id="content"></p>

にURLをロードします。

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <style type="text/css"> 

    </style> 
</head> 
<body> 
      <div id="scr" style="overflow:auto; width: 100%; height: 100%; "> 
       <p id="content"></p> 

      </div> 
</body> 
<script type="text/javascript"> 

var ctr = 0; 

var sites = ['http://link1.com', 'http://link2.com', 'http://link3.com']; 
function ScrollDiv(){ 
    if(document.getElementById('scr').scrollTop<(document.getElementById('scr').scrollHeight-document.getElementById('scr').offsetHeight)){ 
     document.getElementById('scr').scrollTop=document.getElementById('scr').scrollTop+1; 
    }else{ 
     ctr++; 
     if(ctr>2){ 
      ctr=0; 
     } 
     document.getElementById("content").innerHTML = '<object width="100%" height="100%" data="' + sites[ctr] + '"></object>'; 
    } 
} 

setInterval(ScrollDiv, 3000); 

</script> 
</html> 

提供した例にはページコンテンツはありません。私はあなたがスクロールで何をしたいかについては不明です。

+0

これは大きな助けに感謝しています:D ..ページ監視のためのものです。申し訳ありません、ちょうど初心者 –

+0

あなたの問題を解決する場合は、この回答を受け入れられるとマークすることができます。ありがとう –

関連する問題