HTML iframe-禁用滚动

我的网站上有以下iframe：

<iframe src="<<URL>>" height="800" width="800" sandbox="allow-same-origin allow-scripts allow-forms" scrolling="no" style="overflow: hidden"></iframe>

它具有滚动条。
如何摆脱它们？

不幸的是，我认为仅通过HTML和CSS属性完全符合HTML5是不可能的。幸运的是，大多数浏览器仍然支持该scrolling属性（该属性已从HTML5规范中删除）。

overflow并不是HTML5的解决方案，因为唯一错误地支持HTML5的现代浏览器是Firefox。

当前的解决方案是将两者结合起来：

<iframe src="" scrolling="no"></iframe>

iframe {
  overflow: hidden;
}

但是随着浏览器的更新，这可能变得过时了。您可能需要检查一下以获取JavaScript解决方案：http : //www.christersvensson.com/html-tool/iframe.htm

编辑：我已经检查过并且scrolling="no"可以在IE10，Chrome 25和Opera 12.12中使用。

我用这个CSS解决了同样的问题：

    pointer-events:none;

似乎使用

html, body { overflow: hidden; }

在IFrame中

编辑：当然，这仅在您有权访问iframe的内容（以我为例）时才有效

将所有内容设置为：

#yourContent{
 width:100%;
height:100%;  // in you csss
}

事实是，iframe滚动是由内容设置的，而不是由iframe本身设置的。

使用CSS和HTML中的iframe将内部内容设置为100％

我在当前的浏览器（Google Chrome版本60.0.3112.113（正式版本）（64位））中尝试了scrolling =“ no”，但此操作无效。但是，scroll =“ no”确实起作用。可能值得尝试

<iframe src="<<URL>>" height="800" width="800" sandbox="allow-same-origin allow-scripts allow-forms" scroll="no" style="overflow: hidden"></iframe>

为您的iframe广告代码添加此样式。

overflow-x:hidden;
overflow-y:hidden;

由于“溢出：隐藏；” 属性无法在iFrame本身上正常工作，但在将其应用于iFrame内的页面正文时，似乎可以提供结果，我尝试这样做：

iframe body { overflow:hidden; }

令人惊讶的是，它确实与Firefox兼容，删除了那些烦人的滚动条。

不过，在Safari中，iframe的内容和边框之间出现了一条奇怪的2像素宽的透明线。奇怪。

只需添加样式如下所示的iframe。我希望这可以解决问题。

第一种选择：

<iframe src="https://www.skyhub.ca/featured-listing" style="position: absolute; visibility: hidden;" onload="this.style.position='static'; this.style.visibility='visible';" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="400px" width="1200px" allowfullscreen></iframe>

第二个选择：

<iframe src="https://www.skyhub.ca/featured-listing" style="display: none;" onload="this.style.display='block';" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="400px" width="1200px" allowfullscreen></iframe>

这对我有用：

<style>
*{overflow:hidden!important;}
html{overflow:scroll!important;}
</style>

注意：如果您需要在其他任何元素中使用滚动条，也请{overflow:scroll!important;}在该元素中添加css

对于此框架：

    <iframe src="" name="" id=""></iframe>

我在我的CSS代码上尝试过此操作：

    iframe#put the value of id here::-webkit-scrollbar {
         display: none;
    }

低于html5版本

iframe {
    overflow:hidden;
}

在html5中

<iframe seamless="seamless"  ....>


iframe[seamless]{

   overflow: hidden;
}

但尚不正确支持

您可以使用以下CSS代码：

margin-top: -145px; 
margin-left: -80px;
margin-bottom: -650px;

为了限制iframe的视图。