javascript - jqueryを使用してスクロールの最後に30を追加します

Question

301つの変数に値があります。スクロールのdivに追加したい。開始値は0で、スクロールすると適切な値が追加され、ドキュメントの最後をスクロールすると値は30になります。 フィドルが添付されています。

$(window).scroll(function(){
    var val = 30;
    var dd = $(document).scrollTop();
    var mm = dd/val
    $('div').text(Math.round(mm))
})

Answer 1

このコードを使用します：

$(window).scroll(function () {
    var val = 30;
    var dd = $(document).scrollTop() / ($(document).height() - $(window).height());
    var mm = dd * val
    $('div').text(Math.round(mm))
})

http://jsfiddle.net/qWX59/1/

Answer 2

valボディとウィンドウの高さに基づいて設定します。これにより、スクロールの移動量がわかります

var val = ($(window).height() - $('body').height()) / 30;
$(window).scroll(function () {
    var dd = -$(document).scrollTop();
    var mm = dd / val
    $('div').text(Math.round(mm))

})

デモ：http：//jsfiddle.net/qWX59/2/