如何在chrome中禁用iframe的滚动

时间:2016-12-20 15:13:51

标签: javascript jquery html css iframe

http://www.mbe-martinique.fr/emballage-et-expedition/suivi-colis

我使用了滚动属性,该属性适用于Firefox,但不适用于Chrome。我也使用了溢出:隐藏的CSS,但它似乎也没有用。

没有看到垂直滚动条,但是iframe在鼠标滚轮上垂直滚动,这正是我要禁用的。

请建议我如何前进!

2 个答案:

答案 0 :(得分:2)

尝试使用父元素隐藏滚动条,如下例所示:



div {
  overflow: hidden;
  width: 300px;
  height: 300px;
}

iframe {
  border: none;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
}

<div>
  <iframe src="https://fiddle.jshell.net"></iframe>
</div>
&#13;
&#13;
&#13;

Fiddle demo

答案 1 :(得分:2)

添加滚动=&#34;否&#34;到你的iframe标签: