scrollTop总是0的原因

最新推荐文章于 2025-05-29 11:52:53 发布

侯六六

最新推荐文章于 2025-05-29 11:52:53 发布

阅读量8.1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_41143662/article/details/84304504

本文探讨了解决在Internet Explorer浏览器中无法正确获取document.body.scrollTop的问题。通过修改DOCTYPE声明和采用兼容性检查的方法，成功实现了跨浏览器的滚动位置获取。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

页面此时才正常.
原来是这行东西造成IE无法获取document.body.scrolltop!
把顶部这两行删掉将可以了.但是为什么会这样呢?
google一下,发现改成:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

就可以了,但页面稍有变化，感觉不爽，于是又在google里找，终于解决：

  var scrollPos; 
  if (typeof window.pageYOffset != 'undefined')  { 
     scrollPos = window.pageYOffset; 
  }  else if (typeof document.compatMode != 'undefined' &&    document.compatMode != 'BackCompat')  { 
     scrollPos = document.documentElement.scrollTop; 
  }  else if (typeof document.body != 'undefined')   { 
     scrollPos = document.body.scrollTop; 
  } 
  alert(scrollPos);
  document.body.scrollTop