Call function on scroll end

Question

I want to call a specific function when the Scroll reaches at the Bottom END of the page.

Here is my Code m using but its not working for me. No console errors, but still not working.

$(function() {

    var scrollEnded = $.debounce(500, false, function() {

    console.log('scroll ended');

           alert("ok"); // I will call my function here. Just need an alert.

    });

});

Cant you do a check on `window.scroll` and than check the offset till top? — Martijn, Sep 09 '13 at 07:21
this might help:: http://stackoverflow.com/questions/5609255/javascript-jquery-perform-function-when-user-scrolls-near-bottom-of-page — Sudhir Bastakoti, Sep 09 '13 at 07:22

Umang Mehta · Accepted Answer · 2013-09-09T07:30:08.537

4

Try this function

$(function(){
   $(window).scroll(function(){
       if($(document).height()==$(window).scrollTop()+$(window).height()){
           alert('I am at the bottom');
           // Here goes your code.
       }
   });
});

Check this JSFIDDLE

edited Sep 09 '13 at 07:30

answered Sep 09 '13 at 07:24

Umang Mehta

1,467
11
16

this alert function will call if we set scroll at the middle of the page then reload the page ... why is that ? – Amir Rezvani Nov 05 '18 at 10:09

Call function on scroll end

1 Answers1