隐藏iframe上的水平滚动条？

Question

我需要使用css,jquery或js隐藏iframe上的水平scollbar.

Answer 1

我建议用这个组合来做这件事

1. CSS overflow-y: hidden;
2. scrolling="no" (适用于HTML4)
3. 和seamless="seamless"(对于HTML5)*

^{*该seamless属性已从标准中删除,并且没有浏览器支持它.}

.foo {
  width: 200px;
  height: 200px;
  overflow-y: hidden;
}

<iframe src="https://bing.com" 
        class="foo" 
        scrolling="no" >
</iframe>

Answer 2

scrolling="no"在iframe中设置属性.

Answer 3

如果您可以更改内部文档的代码iframe并且仅使用其父窗口可以看到该内容,只需在以下内容中添加以下CSS iframe:

body {
    overflow:hidden;
}

这是一个非常简单的例子:

http://jsfiddle.net/u5gLoav9/

此解决方案允许您:

• 保持HTML5有效,因为它不需要scrolling="no"属性iframe(HTML5中的此属性已被弃用).

• 适用于大多数使用CSS overflow的浏览器:hidden

• 不需要JS或jQuery.

笔记:

要水平禁止滚动条,请改用此CSS:

overflow-x: hidden;