jquery滚动到页面底部问题

Question

源码:

$(window).scroll(function () {
  var scrollTop = $(this).scrollTop()
  var scrollHeight = $(document).height()
  var windowHeight = $(this).height()

  console.log(`scrollTop: ${scrollTop}`)
  console.log(`windowHeight: ${windowHeight}`)
  console.log(`scrollHeight: ${scrollHeight}`)

})

为啥当页面滚动到底部时, scrollTop + windowHeight 的总大小 [大于] scrollHeight , 不是应该相等才对吗?

Answer 1

@yhhwpp 网上流传滚动到底部ajax加载条件不就是 scrollTop + windowHeight = scrollHeight么?

Answer 2

document的高度是整个文档流的高度。可以无穷大。
window的高度只是你窗口的实际高度（高度受限于你的显示器屏幕）。