一个布局较复杂的页面,在手机浏览器上运行时,部分配置比较差的手机会出现滚动滚动条后,页面正常滚动,但部分元素却出现类似position:fixed一般悬浮在页面上,然后再滚动。看上去有点像视差滚动,但却一点都不好看。解决方法:在滑动体上添加样式:transform:transla ...
一个布局较复杂的页面,在手机浏览器上运行时,部分配置比较差的手机会出现滚动滚动条后,页面正常滚动,但部分元素却出现类似position:fixed一般悬浮在页面上,然后再滚动。看上去有点像视差滚动,但却一点都不好看。
解决方法:在滑动体上添加样式:transform:translateZ(0);-webkite-transform:translateZ(0)。
<div style="height:300px;overflow:auto"> <div style="transform:translateZ(0);-webkite-transform:translateZ(0);"> 各种复杂的html <div></div>
原标题:html页面滚动时元素错位解决方案
关键词:HTML
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。