Webkit：隱藏垂直滾動條。作品在Chrome和Safari瀏覽器不能在Firefox

可能重複：
Hidden scrollbars in Firefox (allows scrolling but just no scrollbar)Webkit：隱藏垂直滾動條。作品在Chrome和Safari瀏覽器不能在Firefox

這工作正常，在Chrome和Safari：

iframe::-webkit-scrollbar 
{ 
    display: none; 
}

但垂直滾動條不隱藏在Firefox中。

我無法更改iframe代碼，因此需要純粹使用CSS。

UPDATE：爲了解決這個問題，我增加了以下內容。這兩個模塊是必需的：

iframe 
{ 
    overflow: hidden; 
}

但是，這種方法可能會限制我的能力，以精細地控制X或Y滾動條別處。

噢，好吧。

來源

2013-01-31 user1452893

你告訴隱藏'scrollbar'只有Safari和Chrome。爲mozzila或無前綴使用'-moz-'前綴 – Morpheus

這已被問及... http://stackoverflow.com/questions/5820304/hidden-scrollbars-in-firefox-allows-scrolling-but-just-no - 滾動條 – Buggabill

@morpheus你的意思是這樣的：iframe :: - moz-scrollbar { display：none; }，因爲這不能解決問題。 – user1452893

這應有助於：

<style> 
    .noscroll{width:200px; height:200px; overflow-y: hidden;} 
</style> 

<iframe src="http://microsoft.com" class="noscroll" scrolling="no"></iframe>

來源

2013-01-31 20:14:16 Morpheus

如上所述，我無法將類添加到iframe代碼中。 – user1452893

Webkit：隱藏垂直滾動條。作品在Chrome和Safari瀏覽器不能在Firefox

回答

相關問題