html页面滚动时元素错位解决方案_html/css_WEB-ITnose

　　一个布局较复杂的页面，在手机浏览器上运行时，部分配置比较差的手机会出现滚动滚动条后，页面正常滚动，但部分元素却出现类似position：fixed一般悬浮在页面上，然后再滚动。看上去有点像视差滚动，但却一点都不好看。

解决方法:在滑动体上添加样式：transform：translateZ(0);-webkite-transform：translateZ(0)。

    
          各种复杂的html            
　　加这个的目的是利用GPU加速（GPU缓存）。
   
　　因为这个问题也发现，如果使用overflow：auto这样来滑动页面（html的滚动条形式），每次页面滑动时浏览器都会有频繁的scroll、update layer tree、composite layers。应是在最后一个环节上出了问题。这个问题的原因应该是在布局方式上。
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系[e-mail]核实处理。

相关文章
相关视频



html下拉菜单文字怎么变小


HTML里怎么设置thead表头的颜色


html5中元素能拉伸宽度吗


html中怎么清除li黑点


html页面滚动时元素错位解决方案_html/cs...




接口与抽象类01


类的composer自动加载机制


composer原理与常用命令03


composer原理与常用命令02




网友评论
文明上网理性发言，请遵守 新闻评论服务协议
我要评论






立即提交



专题推荐


独孤九贱-php全栈开发教程
全栈  170W+
主讲：Peter-Zhu  轻松幽默、简短易学，非常适合PHP学习入门


玉女心经-web前端开发教程
入门  80W+
主讲：灭绝师太  由浅入深、明快简洁，非常适合前端学习入门


天龙八部-实战开发教程
实战  120W+
主讲：西门大官人 思路清晰、严谨规范，适合有一定web编程基础学习