当前位置：文江博客话题详情

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

发布于 2024-12-21 17:23:14 字数 193 浏览 1 评论 0原文

jQuery UI 模式对话框。

如果对话框高度超过主窗口高度，我们可以向下滚动该对话框，但主窗口也会在其后面滚动（在背景上）。

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

谢谢！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

阳光下的泡沫是彩色的 2024-12-28 17:23:14

你可以试试这个：

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

  // on hover

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

}, function(){

  // off hover

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

});

You could try this:

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

  // on hover

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

}, function(){

  // off hover

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

});

回复收藏 0 原文

╰つ倒转 2024-12-28 17:23:14

对于寻找此问题答案的其他人，此post 提供以下内容作为答案：

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

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

For anyone else searching for an answer to this question, this post provides the following as an answer:

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

Also, make sure the height or maxHeight option is set in the dialog or else it will not display scrollbars.

回复收藏 0 原文

~没有更多了~