2013-05-07 37 views
1

滾動條自古以來,如果你寫:如何獲得IE 10上顯示的iframe

<iframe scrolling="yes"></iframe> 

然後,不管iframe的內容,滾動條顯示。如果像我一樣,使用iframe來顯示錶格數據 - iframe外的表格標題,知道滾動條總是出現很重要,所以在製作表格標題時可以考慮滾動條的寬度與數據中的列對齊。

那麼,你需要做什麼才能讓IE 10在滾動=「是」的iframe上顯示滾動條?如果內容不超過iframe的大小 - IE 10不顯示滾動條!

這是一個小提琴。 Example of scrollbars not showing在Firefox和滾動條顯示中查看。在IE 9中查看並滾動條顯示。在IE 10中查看它們並沒有。

+0

不,不是在這裏。 http://img15.imageshack.us/img15/179/cc6b727651b44c0da3ec93f.png – 2013-05-07 22:59:14

+0

小提琴下方的圖像是什麼?你如何看待這個? – 2013-05-07 23:03:54

+0

這是[IE的開發工具欄](http://www.microsoft.com/en-in/download/details.aspx?id=18359)。您可以使用F12鍵切換它。 – 2013-05-07 23:06:53

回答

-2

請注意,WebKit瀏覽器也不顯示滾動條。

如果設置了overflow:scroll;到將在iframe中使用的文檔的根(HTML)元素,它將按預期顯示滾動條。

html { overflow: scroll; } 

Here is a screenshot of it in action

+0

'overflow:auto;'也可以。 – 2013-05-07 23:06:34

+0

不適用於我。我已將它添加到小提琴http://jsfiddle.net/qLu9V/2/,它將滾動條添加到包含iframe的區域,但不包含iframe本身。 – 2013-05-07 23:08:54

+0

您將其添加到父HTML文件。您想將其添加到由iframe引用的html文檔中。你不能用JS小提琴添加,因爲你使用了一個png,你不能添加CSS樣式。我爲答案添加了截圖。 – 2013-05-07 23:10:26