jQuery를 사용하여 페이지의 스크롤 위치를 감지하는 방법

Question

내 웹 사이트에서 다음과 같은 jQuery 기능을 사용하고 있습니다. 즉, window.scroll() 기능을 사용하여 윈도우가 스크롤 위치 변경을 변경하고 변경 호출시 데이터를로드하는 기능을 인식합니다 서버에서.

.scroll() 문제는 스크롤 위치와로드 데이터가 조금이라도 변경되는 즉시 호출되지만, 달성하고자하는 것은 스크롤/페이지 위치가 하단, 같은 페이스 북의 피드에 대한 일이.

그러나 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

이제 ....