iFrame上顯示雙垂直滾動條頁面

我有一個索引頁面，其中包含左側和右側iFrame。出於某種原因，第二個iFrame會顯示其iFrame的滾動條和整個頁面的另一個滾動條。iFrame上顯示雙垂直滾動條頁面

我一直在試圖消除滾動條的整個頁面，只是離開滾動條爲2個iFrame中唯一

當我去改變CSS屬性溢出隱藏身體，html元素它也刪除了兩個iFrams的滾動條

我甚至試圖設置iFrame元素溢出 - Y：自動和身體，HTML溢出隱藏。

這仍然沒有工作。

我遇到的第二個問題是即使我指定高度爲100％，iFrame也不會一直延伸到頁面的底部。

我一直在擺弄CSS，但到目前爲止沒有運氣。如果有人能夠幫助我，我將不勝感激。

下面是我的網頁和css代碼片段的鏈接。謝謝！！！

html,body{ height: 100%; margin:0;padding:0; } 
iframe{ 
    height:100%; margin:0;padding:0; border: 0; 
}

http://15c04752.ngrok.com/simplemenu/menus/demo（文字可能在不同的瀏覽器中呈現較小的，請按Ctrl + CMD +鍵盤上得到滾動顯示）

2014-09-30 elrado88

要刪除滾動整個頁面，添加此規則：

body, html { 
     overflow: hidden; 
    }

要啓用I幀滾動條，添加此屬性：

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

這就是它的樣子，如果添加兩個：

enter image description here

沒有滾動條的整個頁面，沒有滾動左IFRAME（因爲它的內容是完全可見）和右側iframe的滾動條（因爲內容不完全可見）。如果你減小窗口，左邊的iframe的滾動條會出現。

2014-09-30 16:52:08

嘿Darek。這不是沒有幫助，因爲我的iFrame滾動條消失。 – elrado88 2014-09-30 17:07:53

沒有添加我的規則的唯一可見滾動條是整個頁面的滾動條。我看不到任何框架滾動條，無論是Chrome還是IE11。如果你想添加一個滾動條到iframe，你需要添加這個屬性（到iframe，而不是css）：'滾動=「是」'。我已經更新了我的答案。 – 2014-09-30 17:13:50

但我試圖刪除整個頁面的滾動，只保持滾動的iFrame只。如果我將屬性設置爲滾動=「是」並保持溢出：隱藏在正文和HTML上，則iFrame滾動仍然不會顯示。 – elrado88 2014-09-30 17:18:28

回答