javascript - 隐藏滚动条 iFrame 子网站

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

最佳答案

你可以这样做:

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

关于javascript - 隐藏滚动条 iFrame 子网站，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36042736/