2014-05-14 143 views
2

我想讓我的popin以響應的方式水平地響應,但不是垂直響應。 當我使用fancybox來調用img時,它可以正常工作,但當它用於iframe時不起作用。iframe fancybox響應

Check the difference between my first work and the second.

我用

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('.fancybox').fancybox({ 
    openEffect: 'elastic', 
    closeEffect: 'elastic', 
    prevEffect: 'fade', 
    nextEffect: 'fade', 
    fitToView: true, // 
    maxWidth: "90%", // 
    type: 'iframe', 
    scrolling: 'no', 
    iframe : { 
    scrolling : 'no' 
    } 
    }); 
}); 
</script> 

回答

3

你實際上可能需要設置fitToViewfalse代替。

$(".fancybox").fancybox({ 
    fitToView: false, // <-- so it will take your values into account 
    // other API options etc. 
}); 

JSFIDDLE

+0

謝謝,它的工作原理。 這就是我所做的,現在我明白了爲什麼我錯了...... 在我的域名之前使用「www」,它起作用。沒有「www」,它不起作用;我不明白爲什麼有差異。 –

+0

@ user3435194:如果沒有'www',您可能無法訪問您的網站,因爲您的'.htaccess'文件中可能有一個重定向規則,它會阻止沒有'www'的條目,但這是一個猜測。 – JFK

+0

好的,問題是我寫了如下鏈接到iframe:'http:// www.freymathias.com/file/test.html'。 用'http://freymathias.com/file/test.htm'l或'/ file.test.html'解決問題。 我仍然會進行URL重定向。謝謝你的速度和你的技能JFK。 –