IE 、Edge、360兼容模式 浏览器背景抖动处理
来源:互联网 发布:思迅天店软件怎么样 编辑:程序博客网 时间:2024/06/08 00:48
问题原因:出现这种情况原因是这几个浏览器对于滚动处理方面有 bug,滚动的执行频率和浏览器的渲染频率不搭配,导致 fixed 背景图先随屏幕滚动到上方,然后又从新渲染回来。这样就出现了上下抖动的情况。
解决办法:
if(navigator.userAgent.match(/Trident\/7\./)) { document.body.addEventListener && document.body.addEventListener("mousewheel", function() { event.preventDefault(); var wd = event.wheelDelta; var csp = window.pageYOffset; window.scrollTo(0, csp - wd); });}
在代码中加上上面这段代码,阻止需要兼容浏览器的默认滚动,用 window.scrollTo() 去模拟默认滚动,就可以了。
阅读全文
0 0
- IE 、Edge、360兼容模式 浏览器背景抖动处理
- ajax兼容ie浏览器 360兼容模式
- IE浏览器的兼容模式
- IE浏览器兼容模式设置
- IE文档兼容模式可以解决360浏览器…
- 增强360浏览器的兼容性,打开ie兼容模式,代码
- 360浏览器兼容模式的ie内核问题
- 跨浏览器处理xml 兼容IE
- 如何快速处理IE浏览器兼容
- IE、360浏览器兼容解决
- IE浏览器兼容模式自动开启代码
- 背景渐变 兼容IE
- 决定360浏览器以极速模式、兼容模式、IE标准模式打开的代码
- IE Developer Toolbar - 浏览器模式: IE7, IE8, IE8兼容模式
- IE 浏览器兼容 代码
- IE浏览器兼容
- ie浏览器兼容插件
- ie浏览器兼容
- 数据库----(linux下安装mysql-5.7.19 创建数据库并且导入数据库文件 教程)
- Battery Historian2.0 windows下安装
- 7.26 E
- 一个帖子学会Android开发四大组件
- Apache Poi导出Excel多Sheet页详解!
- IE 、Edge、360兼容模式 浏览器背景抖动处理
- 根据子网掩码判断网段有效的IP地址
- pom配置之:<distributionManagement>snapshot快照库和release发布库
- Redis重要概念Master-Slave、Sentinel、Partition、Cluster
- 暑期集训之阶乘之和
- 【Codeforces2015ICL,Finals,Div. 1#J】Ceizenpok's formula(扩展Lucas定理+中国剩余定理)
- [树] hdu6035 Colorful Tree (2017 Multi-University Training Contest
- Tensorflow学习之实现自编码器
- 0726 jQuery练习