隱藏滾動條，用於Firefox上的HTML5中的iFrame，無需編輯SRC

我已閱讀關於隱藏垂直滾動條的所有類似問題。隱藏滾動條，用於Firefox上的HTML5中的iFrame，無需編輯SRC

這似乎是一個反覆出現的問題，下面的技巧工作在IE和Chrome，但不是Firefox。

例如：

overflow:hidden上的iframe沒有奏效。
將iframe添加一個div與overflow:hidden沒有工作。
使用seamless html5類的iframe沒有工作。
scrolling="yes"與overflow:hidden還沒有工作。
scrolling="no"與overflow:hidden（且沒有）還沒有工作。
iframe::-moz-scrollbar {display:none;}還沒有工作。
...

是否有Firefox的任何工作HTML/CSS標籤？我必須切換到JS嗎？

注意：我無法編輯SRC文件。我正在Twitter Bootstrap 2.0.3中構建我的頁面。

下面是SRC的主要HTML：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html id="ctl00_Html1" lang="en-us" dir="ltr" __expr-val-dir="ltr" xmlns:o="urn:schemas-microsoft-com:office:office"> <head id="ctl00_Head1"> <body class="v4master" onload="if (typeof(_spBodyOnLoadWrapper) != 'undefined') _spBodyOnLoadWrapper();" scroll="no"> </html>

感謝您的幫助！亞當

像@hobberwickey說...

我不能隱藏滾動條，因爲頁面的內容我不能編輯四溢。

如果有辦法改變這個......所有的耳朵。 :)

來源

2012-05-02 ATSiem

我們可以看到您所指的DOM段的例子嗎？ –

不知道你的HTML和CSS實際上看起來很難說，但我打賭猜測，你要應用樣式，

位置：相對或絕對的; max-width：100％; 最大高度：100％; 溢出：隱藏;

將html和body元素轉換爲iframe中的CSS文件，而不是在父窗口內。

來源

2012-05-02 19:20:32 hobberwickey

我無法編輯框架內頁面的HTML或CSS。我只能編輯持有框架的頁面。 – ATSiem

如果iframe中的頁面溢出了您爲其設置的邊界，滾動條將出現在iframe中。如果你不能編輯那個CSS，那麼除了增加容器的大小之外你什麼也做不了。 – hobberwickey

其實對我來說它的工作原理是： width =「100％」height =「1000px」scrolling =「yes」style =「display：inline; overflow-y：hidden;」

來源

2013-01-19 23:33:12 hak1r0

滾動條顯示的原因是因爲有滾動的東西。所以不要對此做些困難，並刪除滾動內容。換句話說，使您的內容更小，然後在必須顯示的iframe中。即使顯示內容，也能使內容更加豐富，並使iframe更大。並且不會出現滾動條，因爲沒有可滾動的東西。如果沒有標籤/屬性，則不能爲使用者創建理由。

Roberto Philippo。

來源

2013-05-25 14:52:00

隱藏滾動條，用於Firefox上的HTML5中的iFrame，無需編輯SRC

回答

相關問題