Jquery if $(window) scroll down function

Question

hello I need when $(window) is scrolled down with 100% alert something how can I do it?

You mean when window reach the bottom alert? – laaposto Aug 20 '14 at 08:05 — laaposto, Aug 20 '14 at 08:05

score 5 · Accepted Answer · answered Aug 20 '14 at 08:07

5

Try:

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

answered Aug 20 '14 at 08:07

laaposto

why it is not working, what browser you use? can you post code which you tried? – Govind Aug 20 '14 at 08:38
@valkharitonashvili What do you mean not working? Message is not alerted at all? – laaposto Aug 20 '14 at 08:51
Does window and document keywords belong to WebAPI or HTML or Jquery? – sofs1 Apr 06 '18 at 12:05

score 4 · Answer 2 · answered Aug 20 '14 at 08:07

4

I used something like this once :)

   if($(window).scrollTop() + $(window).height() > $(document).height() - 50) {
                       //alert
}

Just play with the numbers, this one is built to pop out the alert just almost before the end of the scroll

answered Aug 20 '14 at 08:07

Imnotapotato

2

as explained, this one shows alert 50px before the end of the page. I pasted it here because I find it very useful in a lot of things, and it uses the consept of the main question here. I used it when developing a blog with a "load more posts" button automatically when it scrolls almost to the bottom of the page. – Imnotapotato Aug 20 '14 at 08:11
Does window and document keywords belong to WebAPI or HTML or Jquery? – sofs1 Apr 06 '18 at 12:05

score 3 · Answer 3 · answered Aug 20 '14 at 08:37

Try this one, When you scroll the page and if the page is reached to bottom, then alert message will get displayed.

$(window).scroll(function() {
   if($(window).scrollTop() + $(window).height() == $(document).height()) {
       alert("Bottom Reached!");
   }
});

3 Answers3