Remove vertical scroll bar, keep horizontal scroll bar in iframe in Chrome.

Question

I have an iframe for which I would like to enable a horizontal scroll bar, but disable the vertical scroll bar.

I have the iframe styled as such: overflow-y:hidden; overflow-x:auto;

This works just fine in FireFox, but not Chrome. Is there any sort of workaround to get this to work in Chrome?

Update: I have transitioned into using a table cell with overflow, rather than an iframe. I don't know if this will make it easier or harder to work around that vertical scroll.

Answer 1

If you cant find anything else:

Put the height of the iframe to =>103%

See here:

http://forums.aspfree.com/web-layout-43/horizontal-scrollbar-iframe-removing-23237-2.html

It is workaround that might just work...

You tell me!

Good luck

Answer 2

The answer is actually here:

http://stackoverflow.com/questions/1691873/safari-chrome-webkit-cannot-hide-iframe-vertical-scrollbar/1848336#1848336

Good luck!!