2016-03-16 4 views
2

С помощью плагина jQuery для Colorbox я использую всплывающий класс iFrame для отображения веб-сайтов. Обычно это работает отлично, за исключением случаев, когда сайт, который я открываю, имеет большую, чем обычная ширина. Если это произойдет, на веб-сайте будут отображаться горизонтальные полосы прокрутки.скрыть полосы прокрутки iFrame child website

Вот код Colorbox я использую в своей <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

Есть ли скрыть полосы прокрутки в этой ситуации? Я попытался проверить хром, но когда я пытаюсь добавить элемент Overflow: hidden в IFRAME, он НЕ скрывается.

+0

Try 'переполнение-у: 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

Большое вам спасибо! –

Смежные вопросы