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

程序员文章站 2022-04-09 19:19:06

...

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

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

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

相关文章
相关视频



html下拉菜单文字怎么变小


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


html5中元素能拉伸宽度吗


html中怎么清除li黑点


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




框架初始类文件


前端应用


MVC目录结构规划


博客前后台功能介绍




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










专题推荐


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


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


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