2016-03-31 8 views
3

Мне нужно удалить вертикальную полосу прокрутки в iframe. Я пробовал использовать overflow: hidden; все еще не работает. Пожалуйста помоги.Скрыть вертикальную полосу прокрутки в iframe

How it looks now

Код:

#iphone4 { 
background-image: url("ipad_new2.png"); 
background-repeat: no-repeat; 
height: 900px; 
width: 750px; 
margin: auto ; 
position: relative; 
overflow: hidden; 
} 


/*Mobile iframe CSS*/ 
iframe { 
height: 700px; 
width: 525px; 
position: absolute; 
top: 68px; 
margin: auto ; 
left: 61.99px; 
overflow-y: scroll; 

} 

</style> 
</head> 
<body> 
<div id="iphone4" > 
<iframe src="index_atish.html" seamless="seamless"></iframe> 
</div> 

</body> 
</html> 
+0

сделал вы пытались 'iframe { overflow: hidden; } ' –

+0

@ G.L.P. Из вопроса OP: «Я попытался использовать overflow: hidden;» – Pimmol

+0

, но op didnt упомянул, попытался скрыться для iframe .. вот почему спросил –

ответ

0

вы могли бы попробовать

iframe{scrolling="no"} 
+0

Это должно быть опубликовано как 'комментарий'. Читайте здесь http://stackoverflow.com/help/how-to-answer :) – Jer

0

переполнение не является решением для HTML5, как только современный браузер, который ошибочно поддерживает это Firefox.

тока решение было бы объединить два:

<iframe src="" scrolling="no"></iframe> 

iframe { overflow:hidden; } 

check This

+0

блокирует прокрутки, я хочу, чтобы он прокручивался без полосы прокрутки, показанной в IE –

+1

Здесь приведен пример прокрутки без показа полосы прокрутки, возможно, это поможет вам: http://stackoverflow.com/questions/16670931/hide-scroll-bar-but-still-being-able-to-scroll –

+0

yes это работает. –

1

Я думаю, что это поможет, пожалуйста, проверьте указанную ниже ссылку:

<div id="iphone4" > 
<iframe src="index_atish.html" seamless="seamless"></iframe> 
</div> 

/*Mobile iframe CSS*/ 
iframe { 
height: 100%; 
width: 100%; 
position: absolute; 
top: 0; 
margin: auto ; 
left: 0; 
border:none; 
} 
body{margin:0px;} 

https://jsfiddle.net/xnt014a8/2/

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