首頁 >web前端 >js教程 >如何動態調整iframe高度防止內容溢出?

如何動態調整iframe高度防止內容溢出?

Patricia Arquette
Patricia Arquette原創
2024-11-30 18:26:10341瀏覽

How to Dynamically Adjust Iframe Height to Prevent Content Overflow?

動態iframe 高度調整以避免內容溢出

正在尋求一種基於內容控制iframe 高度而不使用捲軸的解決方案?這個查詢之前已經被徹底討論過。

要解決這個問題,請在

中引入以下腳本:部分:
<script>
  function resizeIframe(obj) {
    obj.style.height = obj.contentWindow.document.documentElement.scrollHeight + 'px';
  }
</script>

隨後,如下修改iframe 配置:

<iframe src="..." frameborder="0" scrolling="no" onload="resizeIframe(this)" />

這段巧妙的程式碼會在添加新內容時無縫調整iframe 高度,從而不再需要滾動條。

以上是如何動態調整iframe高度防止內容溢出?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn