jQuery : how to determine that a div is scrolled down
Posted
by subtenante
on Stack Overflow
See other posts from Stack Overflow
or by subtenante
Published on 2009-06-12T13:55:45Z
Indexed on
2010/05/31
15:22 UTC
Read the original article
Hit count: 178
I have a div with defined height, and overflow:scroll;
. Its content is too long so scrollbars appear.
Now for the ichy part. Some of its inner HTML strangely appears all the time (to be precise, the footer of a table generated by the tableFilter plugin). I'd like to make this footer disappear when it is not needed (it actually appears out of the containing <div>
's border). I resolved to make it disappear but setting its z-index
to -1000
. But I want to make it appear when the containing <div>
is totally scrolled down.
How can I know the user has scrolled at the bottom ?
Using the help from answers below, I used scrollTop
attribute but the difference between scrollTop
and innerHeight
is the size of the scrollbar plus some unidentified delta. A scrollbar is 16 pixels high in most browsers under Windows, but I get a difference of 17 in Firefox and something like 20 in IE, where my <div>
content's borders seems to be rendered bigger.
A way (actually two ways...) to compute the scrollbar size has been given there.
© Stack Overflow or respective owner