2010年2月9日 星期二

[www]iframe自動調整高度

漂亮的網頁,真的好難做。
就連iframe要自動調整高度,網路上就一堆解法。
用 google 查詢 iframe auto height 就有一堆網頁教你如何做。
多數有用的,就是用 javascript 來解決的。

而我用了 jquery,也有人包好了一個懶人包,
http://www.lost-in-code.com/programming/jquery-auto-iframe-height/

下載他的 plug-in,裝好,把 iframe 加入 class="autoHeight" 就好。
http://lib.mobius.tw/jquery/myplugin/iframe_autoHeight/autoHeight.js

還可以,不過對我來說,有時候會跑出右邊的 scroll bar,我自己手動加了一些些高度。還不是非常完美。

如果你想跟我一下,用 jQuery 加 class 的話,要在 $(document).ready 加入,
在$(window).load 加的話,在測試的時候是正常的,但正式上線後卻是不會自動調整。

<!—失敗-->
<script type="text/javascript">
    $(window).load(function(){
        $('iframe').attr("class","autoHeight");
        $('iframe').attr("width","100%");
    });
</script>

<!—成功-->
<script type="text/javascript">
    $(document).ready(function(){
        $('iframe').attr("class","autoHeight");
        $('iframe').attr("width","100%");
    });
</script>   

沒有留言:

張貼留言