下拉溢出效果 overscroll-behavior：

Posted 2021-12-04 Transición＜3

该属性采用三个值：

1. auto - 默认。源自元素的滚动可以传播到祖先元素。
2. contain - 防止滚动链接。滚动不会传播到祖先，但会显示节点内的局部效果。例如，android 上的过度滚动发光效果或 ios 上的橡皮筋效果，当用户到达滚动边界时会通知用户。注意：overscroll-behavior: contain在html元素上使用 可防止过度滚动导航操作。
3. none - 与此相同，contain但它还可以防止节点本身内的过度滚动效果（例如 Android 过度滚动发光或 iOS 橡皮筋）。

---

 禁用下拉刷新

body {
  overscroll-behavior-y: contain;
}

 禁用过度滚动发光和橡皮筋效果

body {
  overscroll-behavior-y: none;
}

 相关更详细内容

https://developers.google.com/web/updates/2017/11/overscroll-behaviorhttps://developers.google.com/web/updates/2017/11/overscroll-behavior