html - 如何在iframe中隐藏滚动条，但仍然可以滚动

Question

我在一个页面上有一个 iframe，里面有另一个页面。我想隐藏滚动条，但我找不到任何解决方案。我试过 overflow: hidden; 但它不起作用。

见下面的代码:

    <iframe frameborder="0" src="https://google.com/"></iframe>

CSS 代码:

   iframe{
      overflow: hidden;
    }     

Answer 1

由于您没有指定是否需要针对垂直或水平溢出的解决方案，我假设您在谈论垂直溢出。

这可以在父 div 的帮助下完成。

1.将父div的溢出设置为隐藏。2. 将子 div 的溢出设置为 auto 并将宽度设置为 200%(或大于 100%，或大于父级的宽度 - 以便隐藏滚动条)。

.container {
  width: 300px;
  overflow: hidden;
}

.child {
  width: 200%;
  height: 200px;
  overflow: auto;
}

jsfiddle