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

Question

这是无限滚动的功能。有时它会起作用，有时日志输出会计算出和之间的差值为 1，$(window).scrollTop(),而$(document).height() - $(window).height()我终其一生都无法弄清楚原因。

我错过了什么？谢谢

   $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 处触发无限滚动始终是一个好习惯。您不想让用户滚动到“最后”以显示下一个内容。