隐藏滚动条 iFrame 子网站
[英]hide scrollbars iFrame child website
问题描述
使用 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 元素时，它不会隐藏。
1 个解决方案
解决方案1
2 已采纳 2016-03-16 17:43:02
你可以这样做：
<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" style="overflow-y: hidden;" seamless="seamless" scrolling="no"到您的<iframe>
参见小提琴示例： https : //jsfiddle.net/DIRTY_SMITH/7oe5kh9L/27/
使用JavaScript隐藏IFRAME滚动条
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.