較長的頁面內容後iframe高度不縮小

將David Bradshaw iFrame Resizer代碼用於動態iframe。最初，它的工作原理和設置iframe對內容的適當高度。但是，當用戶點擊鏈接轉到iframe中的另一個頁面時，如果內容較少，高度不會縮小。如果內容更多，它會變得很好。較長的頁面內容後iframe高度不縮小

我已經嘗試使用heightCalculationMethod的各種屬性，所有相同的結果。我研究了較小頁面的iframe的內容，並且我看到的是一個html表格（它沒有定義的高度），然後在body標籤內部有一個巨大的空白（它也沒有定義高度）。我在這裏錯過了什麼？

這裏是我的腳本..

<script> 
iFrameResize({ 
    log:true, 
    enablePublicMethod:true, 
    heightCalculationMethod:'lowestElement' 
}); 
</script>

是否有可能只是重置iframe的高度？

來源

2015-11-25 Danny Kim

從https://github.com/davidjbradshaw/iframe-resizer

的IFrame不減員

這個問題的最可能的原因是將其具有的元素的高度在你的CSS頁面的100％某處引用。這通常是在html或body元素上的，但它可能位於頁面中的任何元素上。有時可以通過使用taggedElement 高度計算方法來解決此問題，併爲要定義頁面底部位置的元素添加一個data-iframe-height屬性到。您可能會發現使用位置：這個元素上的相對位置定義了底部邊距或允許浮動頁腳的空間。

在iFrame中沒有有效的HTML文檔類型有時也會阻止縮小規模。最簡單的可以是以下幾點。

來源

2015-11-25 20:49:55 box86rowh

我檢查了所有這些。謝謝你的報價。 –

看到網站會有價值，你有鏈接嗎？ – box86rowh

我不這樣做，因爲它位於受限訪問的安全服務器上。在公司環境中工作時會發生什麼情況。大聲笑 –

設置heightCalculationMethod到'bodyScroll'幫我在同一個案例：

從裏面的iframe一個頁面iframeResizer.contentWindow.min.js放置到另一個去沒有這個腳本的頁面。

我使用iFrame Resizer v3.5.8

來源

2017-01-27 09:15:50

較長的頁面內容後iframe高度不縮小

回答

相關問題