jQueryUI模式对话框如何固定滚动条?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (168)

是否有可能固定jQueryUI的模态窗口,那么当用户使用右侧的滚动器时,滚动体后面的一侧,但是模式窗口保持在固定状态吗?

提问于
用户回答回答于

如果希望所有对话框都具有此行为,则可以修改jquery.ui.dialog.css

改变:

.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }

致:

.ui-dialog { position: fixed; padding: .2em; width: 300px; overflow: hidden; }

或者,如果要保留原始文件,只需添加以下行:

div.ui-dialog {position:fixed;} 

到页面引用的CSS文件之一,或页上的样式块。

用户回答回答于

创建一个具有固定位置的CSS类:

.fixed-dialog{
  position: fixed;
  top: 50px;
  left: 50px;
}

然后,在创建对话框时,将类作为选项的一部分追加:

$( ".selector" ).dialog({ dialogClass: 'fixed-dialog' });

扫码关注云+社区

领取腾讯云代金券