JqueryMobile上无背景滚动的弹出窗口
我有一辆大的JqueryMobile,它是半透明的圆形。 比如:JqueryMobile上无背景滚动的弹出窗口,jquery,html,css,jquery-mobile,mobile,Jquery,Html,Css,Jquery Mobile,Mobile,我有一辆大的JqueryMobile,它是半透明的圆形。 比如: <div data-role="popup" id="popupBasic"> <p>SOMETHING BIG</p> </div> #popupBasic{ background-color:rgba(0,0,0,0.5); } 大人物 #流行音乐{ 背景色:rgba(0,0,0,0.5); } 现在我可以在弹出窗口内滚动(因为太大,无法在屏幕上显示)但我不想在页
<div data-role="popup" id="popupBasic">
<p>SOMETHING BIG</p>
</div>
#popupBasic{
background-color:rgba(0,0,0,0.5);
}
大人物
#流行音乐{
背景色:rgba(0,0,0,0.5);
}
现在我可以在弹出窗口内滚动(因为太大,无法在屏幕上显示)但我不想在页面的其余部分滚动(我可以看到,因为背景是透明的)当激活弹出窗口时,在CSS中设置
body{overflow:hidden;}
。这将导致页面冻结,不允许用户滚动。记住在关闭弹出窗口时重新激活它 我和你的问题一样,我想你是在用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
函数ajaxFunction(gotid){
$('body').css(“溢出”、“隐藏”);//不起作用,这会导致包括弹出窗口在内的所有页面冻结,我希望在其中滚动。body{overflow:hidden;}
只影响正文,它会使弹出窗口保持不变。您能帮我重现这个问题吗?我是这样做的。当弹出窗口打开时,我通过JQuery position:设置为页面的div,并在弹出窗口关闭后删除。谢谢您的帮助!