当前位置: 代码迷 >> 综合 >> scrollTop()和document.body.scrollTop的区别
  详细解决方案

scrollTop()和document.body.scrollTop的区别

热度:88   发布时间:2023-12-06 22:54:53.0

我们都知道jquery用着比原生的JS要方便很多,但有一些方法还是有一些差别的,下面记录一下我在做全屏滚动的时候遇到的scrollTop的问题:
正常情况下,scrollTop()和document.body.scrollTop获取到的值是一样的,因为scrollTop()就是document.body.scrollTop封装得来的。
但是在整屏滚动的页面上,两者的值却是不同的:
当我们刷新页面的时候,在不执行滚动事件时,jQuery的scrollTop()的值一直等于0;但是,JS原生的document.body.scrollTop 却可以获取到当前页面被卷去的高度。
也就是说,scrollTop()只有触发滚轮事件才可以获取到值;document.body.scrollTop 却是不用事件驱动也能获取到值的。
原生JS的兼容性:document.body.scrollTop //非IE
document.documentElement.scrollTop //IE

  相关解决方案