现在的位置: 网页制作教程网站制作经验 >正文
JavaScript脚本

document.documentElement.scrollTop在Chrome无效的解决方法

发表于2017/3/10 网站制作经验 0条评论 ⁄ 热度 4,429℃

最近学习一则浮动广告JS代码时,IE、Firefox下都能显示正常,但 Chrome下出现的广告不会随着页面滚动而浮动,经过仔细分析,结合网友的提示,发现Chrome对 document.documentElement.scrollTop的识别有时会出现误差,会造成document.documentElement.scrollTop在Chrome失效的情况。不过加上document.body.scrollTop 后,则显示正常。

网友提示:由于document.documentElement.scrollTop和 document.body.scrollTop在标准模式或者是奇怪模式下都只有一个会返回有效的值,所以都加上也不会有问题(看来上面的问题是 Chrome可能把文档当作非标准文档来解析了)。

即获取高度时使用document.documentElement.scrollTop+document.body.scrollTop,经测试,代码在IE、Firefox、Chrome下都能显示正常了。

  • 暂无评论