Question

In order to load pages as facebook or twitter does at their sites, scrolling down, i have tried this with jquery:

$(window).scroll(function(){
    if  ($(window).scrollTop() == $(document).height() - $(window).height()){
        //do something
    }
}

And i am having troubles with Firefox. Not with Chrome and either with Safari (IE not tested yet).

If i use an “alert(‘xx’)” inside the IF, Firefox crashes and i have to restart it.

I am using the Mac version of Firefox but i guess that’s not an important fact.

Anyone have any idea about what’s happening here?
Thanks.

Answer 1

I have the same problem: it works in chrome but not in firefox and IE. After debugging i found that there is a 1 px difference between $(document).height() – $(window).height() and $(window).scrollTop() in firefox but not in chrome. My working solution here:

    if  ($(window).scrollTop() + 1 >= $(document).height() - $(window).height()){

      //do something here

    }