DEV Community
·
防止视口滚动反弹效果
💡
原文英文，约200词，阅读约需1分钟。
📝
内容提要
在iOS和macOS浏览器开发中，可以通过CSS代码 'body { overscroll-behavior: none; }' 禁用过度滚动反弹效果。如果无效，可以通过设置overflow属性来解决。虽然有overscroll-behavior-x和overscroll-behavior-y选项，但无法单独或多侧自定义视口的过度滚动，需要使用JavaScript。
🎯
关键要点
- 在iOS和macOS浏览器开发中，可以通过CSS代码 'body { overscroll-behavior: none; }' 禁用过度滚动反弹效果。
- 如果CSS无效，可以通过设置overflow属性来解决，使用 'html { overflow: hidden; height: 100%; position: fixed; }' 和 'body { overflow: auto; height: 100%; position: relative; }'。
- 虽然有overscroll-behavior-x和overscroll-behavior-y选项，但无法单独或多侧自定义视口的过度滚动，需要使用JavaScript。
🏷️
标签
➡️
