Comments on: jQuery: how to tell if you’re scroll to bottom?

By: Benjamin Allison

Benjamin Allison — Wed, 03 Mar 2010 19:06:35 +0000

Wow, thanks so much! Works great!

I have one error I’m getting in IE, when using the first solution:

“Error:’0.scrollHeight’ is null or not an object.”

Any idea what might be causing that?

Thanks!

By: adobepro

adobepro — Fri, 12 Feb 2010 21:40:24 +0000

Have you ever tried binding a scroll event using jquery to a scrollable tbody in IE8 using the above code instead of a DIV? I ask, because it’s related, with the above using a DIV works well in both IE8/FF3.6, but when using a table/tbody [scrollable], while it works in FF 3.6 [attaching a scroll event], it doesn’t work with IE8 (IE appears to do nothing, no errors either.) What I want to do is page data whenever the user reaches the bottom of the scrollable tbody — I can do this with a DIV in both IE8/FF3.6, but not with a tbody in IE8 [but it does work with FF3.6] Thanks!

By: adobepro

adobepro — Fri, 12 Feb 2010 15:34:04 +0000

Thanks, your solution worked well; tested with FF 3.6 and IE8

By: Jon-Paul LeClair

Jon-Paul LeClair — Mon, 06 Jul 2009 21:02:40 +0000

Thanks for the article. I ended up modifying mine a bit as your solution didn’t seem to work for me (adding all three values seemed to always be bigger than the inner’s outerHeight).

I discovered there were three constant values; the inner’s outer height, the container’s offset top, and the container’s height.

So I need to do the following:
if (container.height – inner.offset.top + container.offset.top) >= inner.outerHeight) THEN we reached bottom.

Checked in IE 6&7, FF 3, Safari.

(we’ll see if the code come through unscathed)

$(function(){

var $box = $(”#scrollbox”),
$inner = $(”> .inner”, $box),
innerOuterHeight = $inner.outerHeight();
boxHeight = $box.height();
boxOffsetTop = $box.offset().top;

$(”#scrollbox”).scroll(function(){
if ( Math.ceil(boxHeight – $inner.offset().top + boxOffsetTop) >= innerOuterHeight ) {
$(”#readitbttn”).removeAttr(”disabled”).attr(”title”, “Continue”);
}
});

});

By: links for 2009-06-02 « BarelyBlogging

links for 2009-06-02 « BarelyBlogging — Wed, 03 Jun 2009 00:32:10 +0000

[...] jQuery: how to tell if you’re scroll to bottom? | Yelotofu (tags: javascript scroll) [...]