关于scrollLeft的获取在不同浏览器或相同浏览器的不同版本下的获取-白红宇

关于scrollLeft的获取在不同浏览器或相同浏览器的不同版本下的获取

阅读量：5268 次

发布时间：2019-06-14

本文共 699 字，大约阅读时间需要 2 分钟。

chrome61向w3c规则靠拢，document.body.scrollLeft获取的值一直为0，需要使用document.documentElement.scrollLeft（或document.scrollingElement.scrollLeft）获取;

但是旧版谷歌（60版本以及以下）中，document.documentElement.scrollLeft的值一直为0，需要使用document.body.scrollLeft（或document.scrollingElement.scrollLeft）获取;

在火狐57浏览器中，document.body.scrollLeft的值一直为0，需要使用document.documentElement.scrollLeft（或document.scrollingElement.scrollLeft）获取;

在火狐43浏览器中，document.body.scrollLeft一直为0，document.scrollingElement为undefined，需要使用document.documentElement.scrollLeft获取。

所以综合后的兼容性写法为：

let elem = document.documentElement || document.scrollingElement || document.body;let left = elem.scrollLeft;

参考资料：Jerry Qu

源文链接：

转载于:https://www.cnblogs.com/xsilence/p/8204007.html

你可能感兴趣的文章