jQuery UI模式对话框:如何在不滚动主窗口的情况下滚动对话框窗口?

时间:2011-12-18 19:56:48

标签: jquery jquery-ui jquery-ui-dialog

jQuery UI modal dialog

如果对话框高度超过主窗口高度,我们可以向下滚动此对话框,但主窗口也会在它后面滚动(在背景上)。

打开对话框并向下滚动时是否可以固定主窗口?

谢谢!

2 个答案:

答案 0 :(得分:4)

你可以试试这个:

$('#yourDialog').hover(function(){

  // on hover

  $('body').css({'overflow':'hidden'});

}, function(){

  // off hover

  $('body').css({'overflow':'visible'});

});

答案 1 :(得分:1)

对于搜索此问题答案的其他人,this post提供以下答案:

    create: function(event, ui) {
      $("body").css({ overflow: 'hidden' })
     },
     beforeClose: function(event, ui) {
      $("body").css({ overflow: 'inherit' })
     }

此外,请确保在对话框中设置了height或maxHeight选项,否则它将不会显示滚动条。