安卓,ios,微信html5,position:fixed无效,会动。

  • Post author:
  • Post category:其他


今天,写微信的网页,我本来是基于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 版权协议,转载请附上原文出处链接和本声明。