谈谈移动端IOS橡皮筋特效

（一）前言
对于移动h5应用，会发现进场出现滑动橡皮筋效果，大部分情况下，如果将body设置为滚动条情况下，只要设置html就fixed定位，其实就能解决这个问题，但是大部分产品，会使用局部定位的元素来实现滚动，那么随之问题就会发生。

（二）页面元素滚动场景
本文解决方案，基本参考下面文章
参考链接

下面，我来说下，我遇到的问题场景

1. 整体页面未使用body作为滚动条
2. 内部定义div 为listView 提供滚动容器

这种情况下，我遇到以下问题。

1. 如果页面有swiper，在swiper左右切换时候，页面会因为橡皮筋效果，出现页面向下滚动问题，这种不管在h5站点，还是在ios保存为桌面小程序的情况，都会出现。
2. 页面内部的listView会现在滑动到底部时候，出现上滑，触动橡皮筋效果，导致滚动问题

（三）解决过程
首先，我直接的想法是禁用html的橡皮筋效果，但是我发现，listView在滚动到底部，依然会触发，导致无法滚动，以至于给用户一种滑动卡顿的效果。
然后，我测试了上文的overscroll-behavior属性，但是发现，既然未解决我的问题&#x