交互优化--如何使移动端滚动更加流畅

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了交互优化--如何使移动端滚动更加流畅相关的知识,希望对你有一定的参考价值。

  1. body上加 -webkit-overflow-scrolling:touch;
  2. ios尽量使用局部滚动
  3. ios引进ScrollFix组件避免出界
  4. android下尽量使用全局滚动  
    1. 尽量不要使用overflow:auto;
    2. 使用min-height:100%代替height:100%;
  5. iso下带有滚动条且position:absolute的节点不要设置背景色

以上是关于交互优化--如何使移动端滚动更加流畅的主要内容,如果未能解决你的问题,请参考以下文章

BetterScroll 在移动端滚动场景的应用

移动端web页面滚动不流畅,卡顿闪烁解决方案

移动端交互优化

有货移动Web端性能优化探索实践

有货移动WEB端性能优化探索实践

IOS移动端滚动问题之-webkit-overflow-scrolling