jQueryを使用してページのスクロール位置を検出する方法

Question

私のウェブサイトで次のようなjQuery機能を使用しているのは、window.scroll()機能を使用してウィンドウがスクロール位置の変更を変更し、サーバーから。

問題はの機能ですが、スクロール位置とローディングデータが少しでも変化するとすぐに呼び出されますが、私が達成したいのは、スクロール/ページ位置が下のように、Facebookフィードのように起こります。

しかし、jQueryを使用してスクロール位置を検出する方法がわかりません。

function getData() { 
    $.getJSON('Get/GetData?no=1', function (responseText) { 
    //Load some data from the server 
    }) 
}; 

$(window).scroll(function() { 
    getData(); 
}); 

Answer 1

あなたがwindow.scrollTop()機能を探しているjQuery's .scrollTop() method

$(window).scroll(function (event) { 
    var scroll = $(window).scrollTop(); 
    // Do something 
}); 

Answer 2

を使用してスクロール位置を抽出することができます。

$(window).scroll(function() { 
    var height = $(window).scrollTop(); 

    if(height > some_number) { 
     // do something 
    } 
}); 

Answer 3

ここでチェックDEMO http://jsfiddle.net/yeyene/Uhm2J/

function getData() { 
    $.getJSON('Get/GetData?no=1', function (responseText) { 
     //Load some data from the server 
    }) 
}; 

$(window).scroll(function() { 
    if($(window).scrollTop() + $(window).height() == $(document).height()) { 
     alert("bottom!"); 
     // getData(); 
    } 
}); 

Answer 4

$(window).scroll(function() { 
var scrolled_val = $(document).scrollTop().valueOf(); 
alert(scrolled_val+ ' = scroll value'); 
}); 

これは、スクロールの値を取得する別の方法です。

Answer 5

PostBackの周囲でHiddenFieldの変更をスクロールして値を取得し、スクロールを追加します。それがうまく機能...そしてあなたが要素を追跡し、それらを制御するためにはJQuery/TweenMaxを使用することができます

$(document).ready(function(){ 

    $(window).resize(function(e){ 
     console.log(e);     
    }); 

    $(window).scroll(function (event) { 
     var sc = $(window).scrollTop(); 
     console.log(sc); 
    }); 

}) 

私の作品

//jQuery 

jQuery(document).ready(function() { 

    $(window).scrollTop($("#<%=hidScroll.ClientID %>").val()); 

    $(window).scroll(function (event) { 
     $("#<%=hidScroll.ClientID %>").val($(window).scrollTop()); 
    }); 
}); 

var prm = Sys.WebForms.PageRequestManager.getInstance(); 

prm.add_endRequest(function() { 

    $(window).scrollTop($("#<%=hidScroll.ClientID %>").val()); 

    $(window).scroll(function (event) { 
     $("#<%=hidScroll.ClientID %>").val($(window).scrollTop()); 
    }); 
}); 

//Page Asp.Net 
<asp:HiddenField ID="hidScroll" runat="server" Value="0" /> 

Answer 6

今...。