Webkit:隐藏垂直滚动条。适用于Chrome& Safari不在Firefox中

时间:2013-01-31 20:05:09

标签: css

  

可能重复:
  Hidden scrollbars in Firefox (allows scrolling but just no scrollbar)

这在Chrome和Safari中运行良好:

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

但垂直滚动条不会隐藏在Firefox中。

我无法更改iframe代码,因此需要纯粹使用CSS。

更新:我添加了以下内容以解决问题。两个块都是必需的:

iframe
{  
    overflow: hidden;
}

然而,这种方法可能会限制我在其他地方粒度控制x或y滚动条的能力。

哦,好吧。

1 个答案:

答案 0 :(得分:0)

这应该有所帮助:

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

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