jquery measureスクロールの速度 - ページの上部から下部への速すぎるスクロール

Question

ユーザーがスクロール（視点）したときにjqueryを使用してアクションを検出して実行すると、上から高速（つまり1秒）ページの下部の位置にページの位置？ （ページがスクロール可能な場合のみ）

htmlマーク（ページ上の要素）ではなく、相対値に基づいて汎用的な解決策を探したい場合。

注： DOM準備完了後のユーザービューポイントがページの先頭にあることを確認する必要があると考える必要があります。次の2つの要素に基づいて、AA、時限イベントを使用することができます

Answer 1

あなたはいくつかの要素を使用して、要素間の平均速度をうまくことができ、これを拡張したい場合、これは

Check if element is visible after scrolling

非常に正確になります： ）jQueryを使ってスクロールについてあまりにも多くの質問があります

<script> 
var finalFired = false; 
var now = new Date().getTime(); 
function isScrolledIntoView(elem){ 
    var docViewTop = $(window).scrollTop(); 
    var docViewBottom = docViewTop + $(window).height(); 

    var elemTop = $(elem).offset().top; 
    var elemBottom = elemTop + $(elem).height(); 

    return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop)); 
} 
$(document).scroll(function(){ 
    if(!finalFired){ 
     if(isScrolledIntoView("div:last")){ 
      finalFired = true; 
      var then = new Date().getTime(); 
      alert(then-now); 
     } 
    } 
}); 
</script> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div> 
<div style="height:100%;">Test</div>