rxliuli blog
·
Browser Extension Dev Extra - 如何找到锁定滚动的元素
💡
原文中文，约1400字，阅读约需4分钟。
📝
内容提要
由于多邻国 App 存在 Bug，我考虑使用 Web 版本，但体验不佳且有下载推广弹窗。通过 DevTools 找到弹窗元素，解决了滚动条锁定问题，并递归查找导致锁定的元素。可以通过 CSS 恢复正常滚动，建议开发 Extension 或 UserScript 来改善 Web 体验。
🎯
关键要点
- 由于多邻国 App 存在 Bug，考虑使用 Web 版本，但体验差，弹出下载推广。
- 通过 DevTools 找到弹窗元素的选择器，定位页面遮罩。
- 无法自由滚动，需找出导致滚动条锁定的 HTML 元素。
- 滚动条锁定通常通过给 body 元素增加样式实现。
- 可以递归查找元素，找到 overflow: hidden 或 position: fixed 的元素。
- 提供了一个函数 findScrollBlocker 来查找阻止滚动的元素。
- 通过 CSS 恢复正常滚动条，建议开发 Extension 或 UserScript 改善 Web 体验。
➡️
