在 iframe 中隐藏滚动条 [重复]答案

【问题标题】：Hide scrollbars in an iframe [duplicate]在 iframe 中隐藏滚动条 [重复]
【发布时间】：2016-03-26 20:58:18
【问题描述】：

我试图在内容从外部网站加载的 iframe 中隐藏滚动条。我使用了 overflow:hidden 和 overflow-x: hidden 以及 overflow-y: hidden 但这似乎并没有解决我的问题

我做错了什么？或者我的方法有什么问题？

这是我的JSFIDDLE

这是我的 HTML

<body>
<div class="outer">
  <div class="noScrolling">
    <iframe scrolling="no" seamless="seamless" class="inner" src="https://www.initialstate.com/embed/#/tiles/kkCIxiV4PJmg6y88ldn5HvhNiALMBdHp" frameborder="0" allowfullscreen></iframe>
  </div>
</div>
</body>

CSS

body {
    width: 100vw;
  height: 100vh;
  margin: 0 auto;
}
.outer {
  position: relative;
  background: url("http://wrb.farm/demo/background-with-backdrop.jpg") no-repeat center;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
}
.noScrolling {
  width: 100%;
  height: 100%;

}

.inner {
  position: relative;
  width: 54%;
  height: 73%;
  top: 9%;
  left: 23%;
  overflow: hidden;

}

【问题讨论】：

标签： html css iframe

【解决方案1】：

滚动条来自元素

<div class="gap row" data-ng-class="{edit:app.editMode, auto: autoLayout}">

Wich 在 iFrame 内部，而不是 iFrame 本身。所以你必须改变这个元素的样式（overflow:hidden）

【讨论】：

我知道一个 :) 但是可以说我们无法控制外部 css。但是，嘿，谢谢。
如果你无法控制它，你就无法避免内部 Elements 做他们的样式设置做的事情：/
@KilvishShakal 但是，如果您知道该元素，您可以通过 JavaScript 获取它并更改其样式。这对你有好处吗？
使用 javascript 是否必须禁用该元素的滚动？此外，它会覆盖吗？
你可以通过ELEMENT.style.overflow = "hidden"避免它有滚动条