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