Question

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

以下是我在<Head>

中使用的Colorbox代码

<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进行检查，但是当我尝试向IFRAME元素添加Overflow: hidden时，它不会隐藏。

Answer 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>