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

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

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

 

-注:

moz代表firefox浏览器私有属性

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

-webkit代表safari、chrome私有属性

 -webkit-transform: translate3d(0,0,0);

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

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

 

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

相关文章:

  • 2022-12-23
  • 2021-11-19
  • 2021-12-02
  • 2021-09-30
  • 2022-12-23
  • 2022-12-23
  • 2022-02-07
  • 2021-05-04
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-01-21
  • 2022-12-23
  • 2021-07-21
  • 2021-06-04
相关资源
相似解决方案