Created
April 20, 2015 03:50
-
-
Save srinathweb/a933c91999389b3f8af1 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Use the .scroll() event on window, like this: | |
$(window).scroll(function() { | |
if($(window).scrollTop() + $(window).height() == $(document).height()) { | |
alert("bottom!"); | |
} | |
}); | |
You can test it here, this takes the top scroll of the window, so how much it's scrolled down, adds the height of the visible window and checks if that equals the height of the overall content (document). If you wanted to instead check if the user is near the bottom, it'd look something like this: | |
$(window).scroll(function() { | |
if($(window).scrollTop() + $(window).height() > $(document).height() - 100) { | |
alert("near bottom!"); | |
} | |
}); | |
You can test that version here, just adjust that 100 to whatever pixel from the bottom you want to trigger on. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment