$(document).scrollTop() always returns 0

javascript jquery scrolltop
jetlej picture jetlej · Oct 8, 2012 · Viewed 71.9k times · Source

I'm simply trying to do something once the scroll position of the page reaches a certain height. However scrollTop() is returning 0 or null no matter how far down I scroll. This is the help function I'm using to check the scrollTop() value: 

$('body').click(function(){
    var scrollPost = $(document).scrollTop();
    alert(scrollPost);
});

I've tried attaching scrollTop() to $('body'), $('html') and of course $(window), but nothing changes.

Any ideas?

Answer

jetlej picture jetlej · Oct 8, 2012

For some reason, removing 'height: 100%' from my html and body tags fixed this issue.

I hope this helps someone else!

Related questions

$(window).scrollTop() vs. $(document).scrollTop()

What's the difference between: $(window).scrollTop() and $(document).scrollTop() Thanks.

Read More
Trigger $(window).scroll();

When I call $("body").animate({scrollTop: someValue}); I want $(window).scroll(function() { }); to be called too. How can I achieve that? I have tried with $(window).trigger("scroll") and $(window).triggerHandler("scroll") without success. The code EDIT: Problem solved. There …

Read More
Can't get scrollTop() to work in both Chrome & Firefox

I am having trouble getting the scrollTop() method to work in both Firefox and Chrome. I used $('body, html').scrollTop(); however, it doesn't work in Chrome. Only $('body').scrollTop(); works in Chrome. Any thoughts would be greatly appreciated. Below is …

Read More