隐藏滚动条 iFrame 子网站

hide scrollbars iFrame child website

本文关键字：网站 iFrame 滚动条 隐藏      更新时间：2023-09-26

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

你可以

这样做：

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

参见小提琴示例：https://jsfiddle.net/DIRTY_SMITH/7oe5kh9L/27/

相关文章：