正如您在此链接中看到的,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://jsbin.com/ujagov/2
错误报告链接:
- http://bugs.jqueryui.com/ticket/4671 http://bugs.jqueryui.com/ticket/4671
- http://wiki.jqueryui.com/w/page/34725121/Visual-Test-Page-Cleanup http://wiki.jqueryui.com/w/page/34725121/Visual-Test-Page-Cleanup
您可以通过以下方式保持滚动条启用:
html {overflow-y: scroll;}
您可以以编程方式添加该 CSS,这样它就不会影响网站的每个页面以及可能的设计。
并且,您可能必须取消绑定模式对话框劫持的鼠标事件:
$("#longdialog").dialog({
open: function(event, ui) {
window.setTimeout(function() {
jQuery(document).unbind('mousedown.dialog-overlay')
.unbind('mouseup.dialog-overlay');
}, 100);
},
modal:true
});
See Chrome 和 Safari 中 jQuery UI 对话框的滚动条问题 https://stackoverflow.com/questions/1617638/scrollbar-problem-with-jquery-ui-dialog-in-chrome-and-safari
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)