如何使的iFrame沒有滾動條

我正在做一個小部件像這樣一個在這裏工作：如何使的iFrame沒有滾動條

，由於某種原因，我似乎無法使滾動條消失。有誰知道這是怎麼做到的嗎？

謝謝！

2011-06-02 Genadinik

看看[HTML iframe滾動屬性]（http://www.w3schools.com/tags/att_iframe_scrolling.asp） – Lijo 2015-02-20 21:28:38

像這樣：

<iframe ... scrolling="no"></iframe>

編輯：也frameborder="0"是很方便的隱藏邊框。

2011-06-02 17:21:37 aorcsik

OP沒有指定標準，但是'frameborder'和'scrolling'屬性不是有效的HTML5。參見[here]（http：/ /www.w3schools.com/tags/tag_iframe.asp）。 – ubiquibacon 2013-07-01 22:00:08

iframe { overflow: hidden; }

應該這樣做。但是，你真的想要嗎？任何不能立即查看的內容都將無法使用（用戶無法通過鍵盤滾動瀏覽）。

2011-06-02 17:20:34

'overflow：hidden;'在瀏覽器中不一致。對我來說，它在Firefox上效果很好，但不適用於Chrome或IE：（ – 2011-09-02 22:08:41

處理文檔大於可見區域的CSS屬性是overflow。

這通常用於製作可滾動的div s，如this example所示。

您正在查找的值是：hidden這將剪輯區域以外的可見範圍。喜歡的東西：

<iframe style="overflow:hidden;" src="URL" />

應該好看AA部件

因此，對於CSS屬性，你可能想：

overflow:hidden; 
border:none; 
width:100px; 
height:25px;"

和iframe的屬性，你可能想：

scrolling="no" 
frameborder="0" 
allowTransparency="true"

閱讀這些到瞭解他們在做什麼，但他們是常見的部件就像你在你的問題中描述的那樣。他們一起應該製作一個好看的小部件。

2011-06-02 17:30:54

只需將scrolling="no"屬性添加到您的iframe。

注意：這不適用於HTML5。

2015-04-05 15:05:42

雖然

overflow:hidden;

可與Firefox瀏覽器，它不與IE或Chrome工作。如果你不使用HTML5，你可以使用scrollable=no。

2018-01-11 15:07:10

回答