ios禁用浏览器橡皮筋效果
时间: 2023-08-03 11:14:15 浏览: 641
高仿IOS ScrollView,可持续上下拉,橡皮筋效果
5星 · 资源好评率100%
在 iOS Safari 中,可以通过以下 CSS 属性禁用浏览器橡皮筋效果:
```css
body {
overscroll-behavior: none;
}
```
该属性指定了在滚动到边界时如何处理滚动事件,`none` 值表示禁用橡皮筋效果。需要注意的是,该属性仅在 iOS 10+ 和 Safari 中支持。如果需要在其他浏览器中也禁用橡皮筋效果,可以使用以下 CSS:
```css
html, body {
height: 100%;
overflow: hidden;
overscroll-behavior-y: none;
}
```
该 CSS 规则将文档顶层元素和 `body` 元素的高度设置为 100%,这样它们就可以填满整个视口。然后,将 `overflow` 属性设置为 `hidden`,以确保文档不会出现滚动条。最后,将 `overscroll-behavior-y` 属性设置为 `none`,以禁用垂直方向上的橡皮筋效果。
阅读全文