無法隱藏垂直滾動條上的網頁

我另一個HTML頁面取決於使用下面的函數上的鏈接選擇中顯示一個HTML頁面：無法隱藏垂直滾動條上的網頁

function loadProject(sel) { 
    var url = sel[sel.selectedIndex].value; 

    if(url) { 
     document.getElementById('projectContainer').innerHTML = '<' + 'object id="foo" name="foo" type="text/html" data="'+url+'"><\/object>'; 
    } else { 
     document.getElementById('projectContainer').innerHTML = "Please select a project."; 
    } 
}

而且，我有HTML中div標籤用projectContainer的id。這工作，除了一個垂直滾動條的事實是總是顯示無論我做什麼刪除它。（這不應該是 - 就算我把什麼到對象，仍然顯示豎條）。我試圖編輯下面的CSS：

object { 
    width: 100%; 
    border: none; 
    overflow: hidden; 
}

但沒有完成的事情我尋找。有什麼建議麼？謝謝。

來源

2009-12-21 JasCav

我們在談論什麼瀏覽器？滾動條在哪裏？當您談論「頁面內的頁面」時，是否存在iframe？ – 2009-12-21 20:35:14

@Pekka - 如果可能的話，我將採用跨瀏覽器的方法（在Chrome和IE中進行測試）。至於IFrame，使用這種方法時不需要。 – JasCav 2009-12-21 20:38:20

使用<object>對我來說是新手，但與iframe非常相似，我想這意味着有一個與周圍文檔分開的文檔主體。

您需要聲明overflow: hidden爲body裏面的您正在嵌入的文檔。

來源

2009-12-21 20:41:09

overflow: hidden將不適用於iframe/frame/object內的內容。您將需要編輯在對象標記中呈現的頁面的CSS。另外，我建議你不要這樣做，因爲你不知道我的瀏覽器是否默認設置爲由於視力不佳或類似的原因而導致巨大的文本，這會使滾動條對我無法使用/隱藏，妨礙可用性。只是不要做你想做的事情。

來源

2009-12-21 20:39:46

這有點苛刻。我們不知道這個網頁甚至會被公開瀏覽。 – 2009-12-23 15:17:53

使其溢出：auto;有用！

來源

2011-07-08 16:28:32

無法隱藏垂直滾動條上的網頁

回答

相關問題