2016-03-16 178 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

非常感謝你! –