3

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>
4

2 に答える 2

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'
    });
于 2012-10-01T16:22:46.847 に答える
0

これはうまくいくはずです：

                    $.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);
                        }
                    });
于 2016-09-17T11:02:35.643 に答える