关于scrollLeft的获取在不同浏览器或相同浏览器的不同版本下的获取
2024-08-25 23:26:10
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 Chrome 中 scrollingElement 的变化
源文链接:http://www.cnblogs.com/xsilence/p/8204007.html
最新文章
- 设计模式-观察者模式(Observer Model)
- ubuntu su sudo sudo–i 区别
- CK表达式编辑器
- 精华阅读第 9 期 |滴滴出行 iOS 客户端架构演进之路
- C#实现对Word文件读写[转]
- Android进阶2之APK方式换肤
- (转) ROS NAMING AND NAMESPACES
- ssl通关的概念(一个)
- innobackup全备与恢复
- AngualrJS之服务器端通信
- Spring3.1 对Bean Validation规范的新支持(方法级别验证)
- 总结http get和post的区别
- 一HTML基础知识
- 解救小哈——dfs深搜
- 【pycharm 密钥】pycharm 2017 密钥
- 基于ASP.NET WebAPI OWIN实现Self-Host项目实战
- 2018-2019-20172321 《Java软件结构与数据结构》第八周学习总结
- python2.0_s12_day11_SqlAlchemy使用介绍
- linix防火墙设置之顺序设置问题 -- 解决防火墙规则顺序和插入规则到指定序号的问题
- Nagios配置文件说明
热门文章
- 修改pip源为国内网站
- 并发编程概述 委托(delegate) 事件(event) .net core 2.0 event bus 一个简单的基于内存事件总线实现 .net core 基于NPOI 的excel导出类,支持自定义导出哪些字段 基于Ace Admin 的菜单栏实现 第五节:SignalR大杂烩(与MVC融合、全局的几个配置、跨域的应用、C/S程序充当Client和Server)
- listItem选中状态高亮
- iOS 最新公布app到AppStore全流程具体解释
- js中删除数组元素的几种方法
- 在Ubuntu 16.04下安装 virtualbox 5.2
- 【SQLServer2008】之如何导入mdf,ldf文件、导入.mdf文件报错解决问题以及如何获得Authenticated Users 权限
- github 答题
- 调整虚拟机中Linux的分辨率
- 【BZOJ1492】[NOI2007]货币兑换Cash 斜率优化+cdq分治