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

来源:互联网 发布:彩票开奖直播源码 编辑:程序博客网 时间:2024/05/08 20:36

今天,写微信的网页,我本来是基于ios开发的,测试好好的,用安卓机测试的时候发现, 顶部position:fixed无效,会随着下面一层的div滚动而滚动,虽然最后回到他的位置上,

但是由于一直摇晃,很刺眼,非常影响用户体验。

在滚动的div 加 上样式               -webkit-transformtranslateZ(0); 就可以了,目的是禁止div变动,

-注:

moz代表firefox浏览器私有属性

-ms代表ie浏览器私有属性

-webkit代表safari、chrome私有属性


ios 使用 -webkit-overflow-scrolling: touch;

使滑动顺滑,可以达到部分效果。


目前看来,好像没什么好办法,情况允许的话可以使用插件, 比如iscroll 之类的。




1 0
原创粉丝点击