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

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

Patricia Arquette
發布: 2024-11-30 18:26:10
原創
342 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板