Jquery模式对话框禁用滚动条

Question

正如您在此链接上看到的那样, 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

错误报告的链接:

1. http://bugs.jqueryui.com/ticket/4671
2. http://wiki.jqueryui.com/w/page/34725121/Visual-Test-Page-Cleanup

Answer 1

您可以使用以下命令启用滚动条:

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
});

请参阅Chrome和Safari中的jQuery UI对话框的滚动条问题