HTML：使iframe高度固定

我有一個包含在另一個域的iframe中的頁面。問題在於iframe始終使用垂直滾動條加載。我檢查了標記，這裏是他們如何包含的iFrame：HTML：使iframe高度固定

<iframe class="plugin-frame js-plugin-frame" frameborder="0" marginheight="0" marginwidth="0" width="100%" height="auto" sandbox="allow-scripts allow-forms allow-same-origin allow-popups allow-top-navigation" src="https://mydomain/mypage.html"></iframe>

如果我改變了上面：

<iframe class="plugin-frame js-plugin-frame" frameborder="0" marginheight="0" marginwidth="0" width="100%" min-height="600px" sandbox="allow-scripts allow-forms allow-same-origin allow-popups allow-top-navigation" src="https://mydomain/mypage.html"></iframe>

它的工作原理。

有什麼我可以做我的網頁上使它工作。我需要擺脫垂直滾動條，並且無法控制第三方標記。在我的iframe的標記中是否需要修復此問題？

來源

2017-08-14 user1640256

也許你可以在你的網站中添加一些針對iframe高度的CSS！ – 2017-08-14 14:41:13

你不能在iframe中使用css作爲選擇器並添加最小高度？這應該工作。 –

我無法更改iframe的CSS，因爲iframe中包含的頁面和頁面位於不同的域中。 – user1640256

如果你不希望有滾動條，但要允許滾動，你可以添加以下的CSS（僅在WebKit的作品）：

::-webkit-scrollbar {display: none}

如果你不希望有滾動條，你不想滾動，那麼你可以這樣做：

body, html { overflow-y: hidden }

因爲我假設你只想將這些樣式如果您的網頁的iframe，使用JavaScript來完成這項工作：

if (top != self) { 
    var style = document.createElement('style'); 
    style.type = 'text/css'; 
    style.innerHTML = '::-webkit-scrollbar {display: none}'; 
    document.head.appendChild(style); 
}

來源

2017-08-14 14:50:36

謝謝羅伯特。雖然這確實從框架中移除滾動條，但內容全部被修剪。有了scrollbard，我可以看到整個頁面，但沒有它不可能。 – user1640256

@ user1640256在這裏，我改變了JavaScript解決方案來使用我的第一個答案，而不是我的第二個答案。滾動條應該隱藏，但現在應該可以滾動了。 –

HTML：使iframe高度固定

回答

相關問題