jquery - 在 JqueryMobile 上没有背景滚动的弹出窗口

我有一个很大的 JqueryMobile Popup具有半透明的背景颜色。像这样的东西:

<div data-role="popup" id="popupBasic">
    <p>SOMETHING BIG</p>
</div>

#popupBasic{
background-color:rgba(0,0,0,0.5);
}

现在我可以在弹出窗口内滚动(因为太大而无法显示在屏幕上)但我不想在页面的其余部分滚动(我可以看到因为背景是透明的)

最佳答案

当您激活弹出窗口时，设置 body { overflow: hidden; 在你的 CSS 中。这将导致页面卡住，并且不允许用户滚动。不过，请记住在关闭弹出窗口时重新激活它!

关于jquery - 在 JqueryMobile 上没有背景滚动的弹出窗口，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20413744/