jquery scroll function issue in webkit
<p>This fires a jquery function when the page is 300px from the bottom, works fine in firefox but in webkit browsers like chrome, it fires after scrolling even 1 pixel.</p>

<pre><code>$(document).ready(function() {
    var timeout = '';

    var $scollEl=$('body').scroll(function (e) { 
        var intBottomMargin = 500; 
        clearTimeout(timeout);
        //if less than intBottomMargin px from bottom 

        if ($scollEl.scrollTop() &gt;= $(document).height() - $scollEl.height() - intBottomMargin) {
          timeout = setTimeout(function(){ 
                $("#next-paginav")[0].click(); 
          }, 300);
        }
    });
});
</code></pre>

<p>Here's a jsfiddle of the code.
<a href="http://jsfiddle.net/LnmsR/2/" rel="nofollow">http://jsfiddle.net/LnmsR/2/</a></p>

<p>Try in chrome - fires immediately, then in firefox it fires at the bottom, like it should.
What exactly is the bug here and does anyone know how to make this work in webkit?</p>
