• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

下拉溢出效果 overscroll-behavior:

互联网 diligentman 3个月前 (11-02) 39次浏览

该属性采用三个值:

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

下拉溢出效果 overscroll-behavior:

 禁用下拉刷新

body {
  overscroll-behavior-y: contain;
}

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

body {
  overscroll-behavior-y: none;
}

 相关更详细内容

https://developers.google.com/web/updates/2017/11/overscroll-behavior下拉溢出效果 overscroll-behavior:https://developers.google.com/web/updates/2017/11/overscroll-behavior


程序员灯塔
转载请注明原文链接:下拉溢出效果 overscroll-behavior:
喜欢 (0)