今天,写微信的网页,我本来是基于ios开发的,测试好好的,用安卓机测试的时候发现, 顶部position:fixed无效,会随着下面一层的div滚动而滚动,虽然最后回到他的位置上,
但是由于一直摇晃,很刺眼,非常影响用户体验。
在滚动的div 加 上样式
-webkit-transform
:
translateZ(0)
;
就可以了,目的是禁止div变动,
-注:
moz代表firefox浏览器私有属性
-ms代表ie浏览器私有属性
-webkit代表safari、chrome私有属性
ios 使用 -webkit-overflow-scrolling: touch;
使滑动顺滑,可以达到部分效果。
目前看来,好像没什么好办法,情况允许的话可以使用插件, 比如iscroll 之类的。
版权声明:本文为wocaonima332原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。