あなたがスクロール可能なページ上のどの垂直位置に対してdivを移動する

Question

ビューポートの高さの3倍オーバーフローするウェブサイトがあるとします。このウェブサイトを上から下にスクロールすることができます。

スクロールされたページの総量に対するビューポートの上部から下部に移動するdivを作成することはできますか？

例 - 誰かが私にthisのようなものを達成するのを手伝ってもらえますか？それがどのように行われたかわからない。

編集：

var scrollValue; 
    var percent; 

    var body = document.body, 
     html = document.documentElement; 

    var height = Math.max(body.scrollHeight, body.offsetHeight, 
    html.clientHeight, html.scrollHeight, html.offsetHeight); 

    $(document).ready(function(){ 
     $("button").click(function(){ 
        scrollValue = $("body").scrollTop(); 
        percent = (scrollValue/height) * 100; 
        alert(percent); 
     }); 
    }); 

Answer 1

あなたはjQueryのscrollTop()を使用してみてください。 demo at jquery.comを参照してください。

アイデア： あなたがあなたのカスタムスクロールバーの現在のスクロール位置を取得するには、この同じ機能を使用することができ、この機能の使用のタイプ（と/引数なし）の両方を理解している場合、スクロールするためにあなたのdivをトリガ相対スクロール位置に移動させる。

代替タスク：あなたはマウスホイールの移動にカスタムスクロールバーをスクロールしたい場合は、私がjquery mousewheel plugin使用することをお勧めします -

$(window).mousewheel(function(turn, delta) { 

    if (delta == 1) // going down 
    else //going up 

    // all kinds of code 

    return false; 
});