打开对话框时如何禁用窗口滚动条和页面滚动？

Question

我使用Jquery UI弹出了一个对话框，我想禁用窗口滚动条并在打开对话框时禁用页面滚动。

所以我尝试了这段代码

$('.btnContact').click(function() {
     $('.layerContact').dialog('open');
     $('body').addClass('stop-scrolling');
});  



.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

在PC浏览器上运行正常。 但问题是它不适用于移动设备。

我需要修改代码？

请帮助〜

Answer 1

当模型窗口打开时，您添加了两个css属性添加 $('body').css('overflow','hidden') 。

另一个关闭模型窗口时添加指定 $('body').css('overflow','scroll') 溢出属性值以存档您的目标。

Answer 2

打开对话框时添加以下代码以停止滚动

$("body").css("overflow", "hidden");

添加此项以再次启用

$("body").css("overflow", "auto");