How to detect scroll position of page using jQuery

Question

I am having trouble with jQuery functionality on my website  What it does  is that it uses the window scroll    function to recognize when the windows changes its scroll position and at the change calls a few functions to load data from the server   The problem is the  scroll   function is called as soon as there is even a little change in the scroll position and loads data at the bottom  however  what I wish to achieve is to load new data when the scroll page position reaches at the bottom  like it happens for Facebook feed   But I am not sure how to detect scroll position using jQuery   function getData         getJSON  Get GetData no 1   function  responseText          Load some data from the server            window  scroll function          getData

User · Answer

Store the value of the scroll as changes in HiddenField when around the PostBack retrieves the value and adds the scroll         jQuery  jQuery document  ready function             window  scrollTop      lt   hidScroll ClientID   gt    val            window  scroll function  event                 lt   hidScroll ClientID   gt    val   window  scrollTop                  var prm   Sys WebForms PageRequestManager getInstance     prm add endRequest function             window  scrollTop      lt   hidScroll ClientID   gt    val            window  scroll function  event                 lt   hidScroll ClientID   gt    val   window  scrollTop                    Page Asp Net  lt asp HiddenField ID  hidScroll  runat  server  Value  0    gt

User · Answer

Now that works for me        document  ready function           window  resize function e           console log e                                     window  scroll function  event            var sc     window  scrollTop            console log sc                 it works well    and then you can use JQuery TweenMax to track elements and control them

User · Answer

You can extract the scroll position using jQuery s  scrollTop   method    window  scroll function  event        var scroll     window  scrollTop           Do something

User · Answer

window  scroll  function       var scrolled val     document  scrollTop   valueOf     alert scrolled val      scroll value          This is another way of getting the value of scroll

User · Answer

div   scroll function  event     event preventDefault    var scroll     this  scrollTop     if scroll    0      alert 123           This code for chat boxes for loading previous messages

User · Answer

You are looking for the window scrollTop   function     window  scroll function         var height     window  scrollTop         if height   gt  some number               do something

User · Answer

You can add all pages with this code   JS code       Top btn          window  scroll function             if    this  scrollTop                      toTop   fadeIn              else                   toTop   fadeOut                          var top btn html   lt topbtn id  toTop  onclick  gotoTop    gt  amp  8593  lt  topbtn gt           document   ready function               body   append top btn html               function gotoTop               html  body   animate  scrollTop  0   500                    Top btn      CSS CODE     Scrool top btn    toTop      position  fixed      z-index  10000      opacity  0 5      right  5px      bottom  10px      background-color   ccc      border  1px solid black      width  40px      height  40px      border-radius  20px      color  black      font-size  22px      font-weight  bolder      text-align  center      vertical-align  middle

User · Answer

Check here 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

User · Answer

GET Scroll Position      var scrolled val   window scrollY    DETECT Scroll Position     window  scroll        function  event                    var scrolled val   window scrollY            alert scrolled val

[javascript] How to detect scroll position of page using jQuery

Examples related to javascript

Examples related to jquery

Examples related to scroll