你的位置:首页 > 软件开发 > 网页设计 > html页面滚动时元素错位解决方案

html页面滚动时元素错位解决方案

发布时间:2015-04-22 14:01:49
一个布局较复杂的页面,在手机浏览器上运行时,部分配置比较差的手机会出现滚动滚动条后,页面正常滚动,但部分元素却出现类似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 (#换成@)。