jQuery Scroll功能：滚动顶部和窗口高度1px的值差异

Question

这是无限滚动的功能。有时候它会起作用，有时候日志输出会在$(window).scrollTop(),和$(document).height() - $(window).height()之间产生差异1，我不能为我的生活找出原因。

我错过了什么？感谢

   $window.scroll(function() {  
     var position     = $(window).scrollTop(),
     docHeight    = $(document).height(),
     windowHeight = $(window).height(),
     bottom =  docHeight - windowHeight;

     console.log(position);
     console.log(bottom);

     if(position == bottom ) { 
       console.log('ajax'); 
       load_posts();  
     }
   }

Answer 1

这是因为浏览器有时也会添加自己的样式表。这可能是您的问题的原因。尝试使用reset.css。它会重置所有浏览器默认的CSS。

从底部的50px左右触发无限滚动始终是一个很好的做法。你不希望用户滚动到“最后”以显示下一个内容。