CSS 小技巧:用 any-pointer 媒体查询兼得禁用橡皮筋与移动端下拉刷新

jh3yy · x · 2026-09-30

jh3yy 分享一个前端细节技巧:在 html 上设置 overscroll-behavior: none 可以禁用过度滚动效果,但会连带关掉移动端的下拉刷新。原推 @witsdev 的做法是把这条规则放进 (pointer: fine) 媒体查询里,只对鼠标设备生效,保留触屏体验。jh3yy 进一步指出可以反过来用 (any-pointer: coarse) 翻转默认值,让折叠屏等多输入设备仍能使用下拉刷新。

原文链接 →

「编程与Agent」频道最新

更多「编程与Agent」频道 AI 资讯 →