gpt4 book ai didi

javascript - 显示模态时锁定父窗口不滚动

转载 作者:行者123 更新时间:2023-11-28 10:47:04 25 4
gpt4 key购买 nike

我试图阻止用户在显示模式时滚动父窗口。

这是一个问题,当用户在 iPad 上查看模态时,当他们在模态内的内容 div 或滚动条之外单击并拖动时,它会滚动其下方的(父)页面。

我认为一旦模式打开,我可以向 body 标签或主容器添加一些 css,通过给它一个 overflow: hidden; 来禁用滚动;并在模态关闭后将其删除。欢迎提出任何建议,谢谢。

<html>
<body>
<a href="#" class="open-modal">Open modal</a>
<div class="modal">Content</div>
</body>
</html>

更新:我使用了这个http://www.bcreatives.com.au/blog/enabledisable-scrolling-in-iphoneipads-safari-browser.html在 iOS 设备上禁用它并添加溢出:隐藏;到主体并在用户关闭模态时将其删除。

最佳答案

您可以在正文中添加 overflow:hidden; 或任何具有此属性的类名,以便在显示模态时剪切内容,并在隐藏模态时删除 css/class。

html, body{height:100%}
.customClass{overflow:hidden;}

关于javascript - 显示模态时锁定父窗口不滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22937853/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com