使用jQuery fadeIn（）方法时Chrome中的黄色滚动条

Question

我正在尝试创建一个模式窗口，该窗口将在单击链接后显示。最初显示一个掩码以填满整个屏幕，然后使用jQuery的fadeIn（）方法显示模态窗口。它在FF，Opera，Safari甚至IE中运行得非常好（有一些小的评论:)。但问题是，在可视化过程中，Chrome中的滚动条会显示不同的颜色，如黄色，红色和黑色，然后才能完全可见。有没有办法避免这种情况发生？

我的HTML代码是：

<a href="#dialog" name="modal">Simple Window Modal</a>

<div id="dialog">
    <div id="file"><div style="height:500px;"></div></div>
</div>

<div id="mask"></div>

jQuery代码：

$().ready(function() {

    $('a[name=modal]').click(function(e) {

        e.preventDefault();

        var id = $(this).attr('href');

        var maskHeight = $(document).height();
        var maskWidth = $(window).width();

        $('#mask').css({'width':maskWidth,'height':maskHeight});

        $('#mask').fadeIn(500);
        $('#mask').fadeTo("fast", 0.9);

        $('#mask').show();

        var winH = $(window).height();
        var winW = $(window).width();

        $(id).css('top',  winH/2-$(id).height()/2);
        $(id).css('left', winW/2-$(id).width()/2);

        $(id).fadeIn(500);

    });
});

结果：

black scrollbar in Google Chrome http://www.strangerstudio.net/demo/chrome-scrollbars-1.png

有一些内容：

yellow scrollbar in Google Chrome http://www.strangerstudio.net/demo/chrome-scrollbars-2.png

非常感谢！

编辑： 可能这个不受欢迎的效果在当时是无法避免的，因为即使是带有chrome：// chrome / settings /中的滚动条的弹出窗口也有它。