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

Answer 2

这应该有效：

                    $.fancybox({
                        "href": "putYourURLhere",
                        "width": 500,
                        "height": 500,
                        "autoSize": false,
                        "autoDimensions": false,
                        "scrolling": 'auto',
                        "centerOnScroll": true,
                        "transitionIn": 'elastic',
                        "transitionOut": 'elastic',
                        "type": 'iframe',
                        "onClosed": function () {
                            parent.location.reload(true);
                        }
                    });