防止视口滚动反弹效果

防止视口滚动反弹效果

💡 原文英文,约200词,阅读约需1分钟。
📝

内容提要

在iOS或macOS上,可以通过CSS代码 'body { overscroll-behavior: none; }' 关闭浏览器的滚动反弹效果。如果无效,可以使用JavaScript,因无法单独编辑视口的滚动反弹。

🎯

关键要点

  • 在iOS或macOS上,可以通过CSS代码 'body { overscroll-behavior: none; }' 关闭浏览器的滚动反弹效果。
  • 如果CSS方法无效,可以使用JavaScript来实现。
  • 可以使用html和body的CSS属性来隐藏溢出和固定高度。
  • overscroll-behavior-x和overscroll-behavior-y提供了额外的选项,但无法单独编辑视口的滚动反弹效果。
➡️

继续阅读