[css] overscroll-behavior 你就用吧，一用一个不吱声

问题描述：

经常写移动端WEB的都知道，浏览器会在列表滚动完毕后加一个回弹效果:



那么如何去掉呢？我们随便搜索一篇靠前的回答，你可能会搜索到这个：
sb CSDN1376×602 90.6 KB


一看，唉，一行代码就能解决 ？！强强！？
马上Ctrl c + Ctrl v

加完发现：唉，怎么没用？
这时候可能有小朋友会说：body没用那是不是应该加到滚动元素上呢？
那么新的问题又来了：唉，那你怎么知道哪个是滚动元素呢？

于是，聪明的你可能会写出以下代码：

* { overscroll-behavior: none; }
然后你用手机测试，会发现问题解决了，回弹没有了，然后信心满满得提交了代码

第二天：
测试：唉，怎么有部分页面的列表滚不动？
你 ：你用的什么浏览器？我这里没问题啊？
测试：电脑上浏览器的开发者工具模拟的，没用真机
你 ：那你用手机试试
测试：手机可以唉
你 ：那应该是浏览器开发者工具的bug，不管吧

直到某一天，领导提了bug过来：你们这写的是什么代码啊？为什么我手机上有部分页面的列表滚不动呢？
你：啊？

那恭喜你发现了这个样式最大的坑点：当滚动列表是祖先元素，并且子元素恰好有overflow: auto/hidden和overscroll-behavior: contain/none时，会出现页面无法滚动，只能手动拖动滚动条的情况

我们来看下面这个栗子（有条件的童鞋可以前往codesan