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

Question

我有一个很大的JqueryMobile Popup，带有半透明的彩色底色。 类似的东西：

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

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

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

Answer 1

激活弹出窗口时，请在CSS中设置body { overflow: hidden; }。这将导致页面冻结，并且不允许用户滚动。请记住在关闭弹出窗口时重新激活它！

Answer 2

我和你的问题一样，我想你用ajax调用弹出窗口，如果是，那么

像这样的代码

function ajaxFunction(gotid){
$('body').css("overflow","hidden");  // <----- like this 
$.ajax({
.... the rest of your code

会帮助你并且安全，你可以通过使你的关闭功能像这样将其设置回来

function closeme(){
$('body').css("overflow","scroll");  // <----- will set it back to scrollable