google-chrome - Fancybox 在 Google Chrome 中无法滚动

Question

http://www.mayakaimal.com/media-press

它适用于我测试过的所有其他浏览器。

<script type="text/javascript">
        $j = jQuery.noConflict();
        $j(function(){
        $j("a.fancybox").fancybox({
            maxWidth    : '100%',
            maxHeight   : '100%',
            fitToView   : false,                   
            closeClick  : false,
            openEffect  : 'none',
            closeEffect : 'none'
        });   
        });
    </script>

Answer 1

如果指定的fancybox高度超过某个值，fancybox将不会滚动。不知道为什么会这样。

下面的代码适用于我的情况。尝试一下，看看它是否可以解决您的问题。

    height: Math.min(600, $(window).height() - 96)

    $.fancybox({
        width: 800,
        height: Math.min(600, $(window).height() - 96),
        autoScale: false,
        padding: 8,
        href: url,
        scrolling: 'auto',
        hideOnOverlayClick: false,
        centerOnScroll: true,
        transitionIn: 'elastic',
        transitionOut: 'elastic',
        type: 'iframe'
    });