打开模态时防止BODY滚动

Question

打开模态时防止BODY滚动

当我的网站上的Modal（来自http://twitter.github.com/bootstrap）打开时，我希望我的身体在使用鼠标滚轮时停止滚动。

当模态打开但我没有成功时，我试图调用下面的javascript

$(window).scroll(function() { return false; });AND

$(window).live('scroll', function() { return false; });

请注意我们的网站放弃了对IE6的支持，但IE7 +需要兼容。

Answer 1

只需隐藏身体溢出，它就会使身体不滚动。隐藏模态时，将其还原为自动模式。这是代码：$('#adminModal').modal().on('shown', function(){     $('body').css('overflow', 'hidden');}).on('hidden', function(){     $('body').css('overflow', 'auto');})