隐藏滚动条 iFrame 子网站答案

【问题标题】：hide scrollbars iFrame child website隐藏滚动条 iFrame 子网站
【发布时间】：2016-07-02 17:59:21
【问题描述】：

使用 Colorbox jquery 插件，我使用 iFrame 弹出类来显示网站。通常这工作得很好，除非我打开的网站的宽度大于正常宽度。如果发生这种情况，网站将显示水平滚动条。

这是我在<Head> 中使用的彩盒代码

<script>
$(document).ready(function(){  
$(".iframe").colorbox({iframe:true, width:"100%", height:"90%", scrolling: false});     
</script>

这是我用来打开网站的链接

<a class="iframe" href="client.php?id=<?php echo $rows['id']; ?>&Client Name=<?php echo $rows['client_name'] ?>">

如果打开的网站是非常标准的尺寸，则不会有滚动条或任何完美的东西。如果它打开的网站非常宽，它会显示滚动条并且看起来很糟糕。无论如何我都想隐藏滚动条。

在这种情况下是否有隐藏滚动条？我尝试使用 chrome 进行检查，但是当我尝试将 Overflow: hidden 添加到 IFRAME 元素时，它不会隐藏。

【问题讨论】：

也可以试试overflow-y: none。如果这不起作用，不幸的是没有办法解决它，因为没有办法访问iframe 中的跨域内容。但是，如果它确实有效，请注意在 iframe 中将无法访问部分内部网站内容。
@lucasnadalutti 为什么不这样做呢？ jsfiddle.net/DIRTY_SMITH/7oe5kh9L/27

【解决方案1】：

你可以这样做：

<iframe src="https://css-tricks.com" width="100" height="100" style="overflow-y: hidden;" seamless="seamless" scrolling="no"></iframe>

将style="overflow-y: hidden;" seamless="seamless" scrolling="no" 添加到您的<iframe>

【讨论】：