CSS 小技巧:用 any-pointer 媒体查询兼得禁用橡皮筋与移动端下拉刷新
jh3yy · x · 2026-09-30
jh3yy 分享一个前端细节技巧:在 html 上设置 overscroll-behavior: none 可以禁用过度滚动效果,但会连带关掉移动端的下拉刷新。原推 @witsdev 的做法是把这条规则放进 (pointer: fine) 媒体查询里,只对鼠标设备生效,保留触屏体验。jh3yy 进一步指出可以反过来用 (any-pointer: coarse) 翻转默认值,让折叠屏等多输入设备仍能使用下拉刷新。
「编程与Agent」频道最新
- 玩家用约 150 条 Claude 提示词做出带音效的 Windows 游戏 — Ill-Range-4954 · 2026-09-30
- RemCTL 2.0:把 Apple 提醒事项做成 ChatGPT 原生扩展 — rudrank · 2026-09-30
- 用 Claude Code 打造开源 workshop 笔记系统 SKATE 附 3D 打印麦克风 — lilweedbitch69 · 2026-09-30
- Claude Code 送 $250 云端额度,输入 /claim-credit 即可领取 — daniel_mac8 · 2026-09-30
- AWS 实战:用 Bedrock AgentCore 搭建多智能体音乐生产线 — AWS ML Blog · 2026-09-30
- 开源工具 Synapse:Markdown+SQLite 做智能体记忆,检索边界走 MCP — BoringCelebration405 · 2026-09-30