2014-08-06 8 views
1

Я использовал iframe для увеличения моей веб-страницы. Проблема в том, что полоса прокрутки для моего iframe не позволяет мне прокручивать всю страницу. Я могу видеть только половину своей страницы. Как увеличить или изменить размер ползунка прокрутки, чтобы я мог прокручивать дальше вниз по моей странице?Полосы прокрутки для iframe

Вот мой код:
CSS:

#wrapper { 
width: 100%; 
height: 100%; 
padding: 0; 
overflow: scroll; 
} 

#scaled-frame { 
width: 100%; 
height: 100%; 
border: 0px; 
} 

#scaled-frame { 
zoom: 1.30; 
transform-origin: 50% 0%; 
-moz-transform: scale(1.30); 
-moz-transform-origin: 50% 0%; 
-o-transform: scale(1.30); 
-o-transform-origin: 50% 0; 
-webkit-transform: scale(1.30); 
-webkit-transform-origin: 50% 0%; 
} 

@media screen and (-webkit-min-device-pixel-ratio:0) { 
#scaled-frame { zoom: 1; 
} 
} 

HTML:

<body bgcolor="#000000"> 
    <div id="wrapper"><iframe id="scaled-frame" src="videos_large.html"></iframe></div> 
</body> 

ответ

0

Попробуйте изменить стили преобразования происхождения.

0

мой подход был бы удалить переполнение #wrapper, и вместо того, чтобы применить переполнение к #scaled-frame так:

#wrapper { width: 100%; height: 100%; padding: 0; overflow: hidden; } 
#scaled-frame { width: 100%; min-height: 100% height: auto; border: 0px;overflow: hidden; overflow-y:scroll;} 
0

Попробуйте overflow: scroll; в CSS.

HTML Markup

<iframe class="iFrameScroll"><\iframe> 

CSS

.iFrameScroll { 
overflow: scroll; 
} 

Вы не должны иметь эту проблему с помощью IFRAME, если не существует неправильный код писал.

+0

И удалите переполнение из обертки – Xrait

0

Спасибо всем, я попробую ваши решения. Я сделал упаковку больше, чем масштабированный кадр, который, похоже, сделал это на данный момент, но я дам ваши решения.

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