How do I use JQuery to detect if a user scrolls to the bottom of the page?

Question

And once it hits the bottom,then have a callback function?

possible duplicate of How to check if a user has scrolled to the bottom — csharpfolk
– csharpfolk, Commented May 3, 2014 at 6:45

Andy Novocin · Accepted Answer · 2014-05-08 15:28:45Z

25

You can use .scroll() event in this way on your window:

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

check live demo

to detect if the user is 3/4 down the page you can try this one

$(window).scroll(function() {
   if($(window).scrollTop() + $(window).height() > $(document).height() - .75*$(document).height()) {
       alert("3/4th of bottom!");
   }
});

edited May 8, 2014 at 15:28

Andy Novocin

4643 silver badges14 bronze badges

answered Mar 14, 2012 at 7:52

Java

2,48910 gold badges48 silver badges85 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

devnull69 Over a year ago

generally it works, but with "alert" it crashed my FF, it literally "blacked out". But I tested with console.log and it worked fine.

TIMEX Over a year ago

Thanks. THis works! What if I want to detect if the user is 3/4 down the page?

sffc Over a year ago

I think your solution for 3/4 down the page is actually looking for "75 pixels from the bottom of the page". Changing $(document).height() - 75 to $(document).height() * 0.75 should do the trick.

dtc Over a year ago

that live demo doesnt work for me... Chrome 44.0.2403.125 if it helps)

lysdexia Over a year ago

This works wonderfully for me everywhere but on my mobile. If I can figure out the issue, I'll post an update.

|

Collectives™ on Stack Overflow

How do I use JQuery to detect if a user scrolls to the bottom of the page?

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related