2016-03-16 117 views
2

使用Colorbox jQuery插件,我使用iFrame弹出类来显示网站。通常这工作得很好,除非我打开的网站的宽度大于正常宽度。如果发生这种情况,该网站将显示水平滚动条。隐藏滚动条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'] ?>"> 

如果打开的网站是非常标准尺寸的链接,将有没有滚动条或任何完美的东西。如果它打开的网站非常广泛,它会显示滚动条,看起来很糟糕。无论如何,我都想隐藏滚动条。

Here is an Example

有没有在这种情况下任何隐藏滚动条?我试着用铬进行检查,但是当我尝试向IFRAME元素添加Overflow: hidden时,它不会隐藏。

+0

尝试'溢出-Y:none'为好。如果这不起作用,不幸的是,没有办法解决它,因为无法访问'iframe'中的跨域内容。但是,如果它确实有效,请注意,内部网站内容的一部分在'iframe'内将无法访问。 – lucasnadalutti

+0

@lucasnadalutti为什么不这样做呢? https://jsfiddle.net/DIRTY_SMITH/7oe5kh9L/27/ –

回答

0

你可以这样说:

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

见琴例如:https://jsfiddle.net/DIRTY_SMITH/7oe5kh9L/27/

+0

非常感谢你! –