jquery - chrome 和 safari 中显示的 Fancybox 滚动条不是 firefox？

Question

我在这个页面上使用花哨的盒子http://kimcolemanprojects.com/django_django.html

当您单击显示视频的链接时，它会显示我不想出现的滚动条。似乎该元素已被赋予溢出样式：自动，但我找不到为了更改它而声明的位置。顺便说一句，这发生在 safari 和 chrome 上，但不是 firefox。

谢谢你的时间。

安吉拉 x

Answer 1

将scrolling: "no"选项添加到您的脚本中，例如：

$(".fancybox").attr('rel', 'gallery').fancybox({
    beforeLoad: function() {
        var el, id = $(this.element).data('title-id');
        if (id) {
            el = $('#' + id);

            if (el.length) {
                this.title = el.html();
            }
        }
    },
    scrolling: "no" //<-- get rid of the scroll bars inside fancybox
});​

Answer 2

可能有一个浏览器默认设置overflow为自动。在这种情况下，您必须overflow: hidden在样式表中声明这些灯箱元素。

另外，我在 Chrome 23 或最新版本的 safari 中看不到滚动条。