从浏览器检查器恢复 javascript 中的滚动
Restore scrolling in javascript from browser inspector
在某些情况下,很多网站都会创建模态弹出窗口,我通过使用浏览器的检查器 (Chrome Inspector) 删除 <div>
标记来删除这些弹出窗口。
在其中一部分情况下,该网站还删除了页面的滚动功能,因此虽然我通过删除模态弹出窗口恢复了正常浏览功能,但我无法滚动页面。
我通常如何恢复它
让我们在触发退出意图(通过将鼠标移出浏览器)后使用 www.exitintent.io 作为示例
一般来说,特别是对于您链接的 www.exitintent.io 网站,"disable" 滚动的方法是添加 overflow: hidden 到页面的正文和 html 元素.
因此,在您链接的那个网站上,我能够在检查器中删除这两个元素上的溢出(body 元素有几个需要删除的声明)并使页面再次滚动。
从检查器中删除 body 元素上的模态打开 class 或仅设置 overflow: scroll。然后在模态元素
上删除或设置 display:none
这个:
<div class="modal fade in" id="exitIntentModal" tabindex="-1" role="dialog" aria-labelledby="exitIntentModalLabel" aria-hidden="false" style="display: block;">
还有这个:
<div class="modal-backdrop fade in"></div>
在某些情况下,很多网站都会创建模态弹出窗口,我通过使用浏览器的检查器 (Chrome Inspector) 删除 <div>
标记来删除这些弹出窗口。
在其中一部分情况下,该网站还删除了页面的滚动功能,因此虽然我通过删除模态弹出窗口恢复了正常浏览功能,但我无法滚动页面。
我通常如何恢复它
让我们在触发退出意图(通过将鼠标移出浏览器)后使用 www.exitintent.io 作为示例
一般来说,特别是对于您链接的 www.exitintent.io 网站,"disable" 滚动的方法是添加 overflow: hidden 到页面的正文和 html 元素.
因此,在您链接的那个网站上,我能够在检查器中删除这两个元素上的溢出(body 元素有几个需要删除的声明)并使页面再次滚动。
从检查器中删除 body 元素上的模态打开 class 或仅设置 overflow: scroll。然后在模态元素
上删除或设置 display:none这个:
<div class="modal fade in" id="exitIntentModal" tabindex="-1" role="dialog" aria-labelledby="exitIntentModalLabel" aria-hidden="false" style="display: block;">
还有这个:
<div class="modal-backdrop fade in"></div>