正如你在这个链接上看到的,
http://jsbin.com/ozapol/9,
http://jsbin.com/ozapol/9,
Jquery在某些版本的IE和最新版本的chrome上禁用滚动条.
(我还没试过其他的……)
有没有办法让滚动条保持能够滚动长长的对话框？
谢谢 ！
再见
Internet Explorer的好解决方案(感谢jk.)
html {overflow-y : scroll}
Chrome的残酷解决方法(感谢jk.)
在Chrome上,JqueryUI在滚动条上劫持鼠标事件.
这看起来像上面链接中提到的错误.
要删除这些绑定,您必须取消绑定事件
每次创建模态对话框时：
$("#longdialog").dialog({
open: function(event,ui) {
window.setTimeout(function() {
jQuery(document).unbind('mousedown.dialog-overlay')
.unbind('mouseup.dialog-overlay');
},100);
},modal:true
});
最后一个例子是：http://jsbin.com/ujagov/2
> http://bugs.jqueryui.com/ticket/4671
> http://wiki.jqueryui.com/w/page/34725121/Visual-Test-Page-Cleanup
解决方法
您可以使用以下命令启用滚动条：
html {overflow-y: scroll;}
您可以通过编程方式添加CSS,这样就不会影响网站的每个页面以及可能的设计.
并且,您可能必须取消绑定模式对话框劫持的鼠标事件：
$("#longdialog").dialog({
open: function(event,modal:true
});
见Scrollbar problem with jQuery UI dialog in Chrome and Safari
