iframe scroll bar issue in chrome and IE

Question

I have an iframe for which we need to show only horizontal scroll bar and prevent vertical scroll bar.

<div class="restricted">
   <iframe runat="server" id="ifEmailBody" scrolling="auto" width="600" frameborder="1">   </iframe>
</div>


.restricted{overflow:hidden; overflow-y: hidden;}
.restricted iframe
{
   overflow:hidden; 
   overflow-y: hidden;
}

This is hiding vertical scroll bar in Fireforx. But it is not hiding it in Chrome and IE.

Can somebody advise how to fix it?

score 0 · Answer 1 · edited May 23 '17 at 12:13

0

Safari/Chrome (Webkit) - Cannot hide iframe vertical scrollbar

Hope you can find solution here

edited May 23 '17 at 12:13

Community

1
1

answered Apr 10 '14 at 10:17

G.L.P

7,051
4
22
40

i added a link. hope it helps – G.L.P Apr 10 '14 at 11:03
I have already seen that, however I am unable to set overflow:hidden to html tag inside iframe. Not able to access that in css – mmssaann Apr 10 '14 at 11:50

iframe scroll bar issue in chrome and IE

1 Answers1