【发布时间】:2025-12-15 15:30:01
【问题描述】:
我想禁用弹跳效果(弹性滚动)ipad/iphone safari 浏览器。并尝试在 touchmove 上使用防止默认值,但这会阻止整个滚动。我希望能够滚动内容,但只是防止反弹。我的页眉和页脚是固定的。 一个想法?
【问题讨论】:
-
我知道
-webkit-overflow-scrolling: touch;启用弹性滚动...您可以尝试将其设置为auto以将其关闭。适用于默认情况下没有弹性滚动的元素。 -
@TimMedora 我要为哪个控件应用该属性,我尝试在我的内容 div 上应用它,但显示错误“未知属性名称”
-
您可以尝试将其应用于 CSS 中的整个 body 元素...我不知道这是否可行;只是想我会提到它。更可能起作用的是隐藏正文的溢出,并使用
overflow:auto添加另一个元素。默认只有body的scroll是有弹性的;新元素应该滚动而不会反弹。 -
@TimMedora Tim,这个想法适用于 OS-X 上的 Safari,但不适用于 ios(触摸设备),overflow:hidden on body element 对 ios 没有影响,已经尝试过了。
标签: javascript safari scroll bounce