ansaurus

Question

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

Answer 1

A:

Can you set the overflow-y CSS property for the IFRAME to either visible or hidden?

JasonWyatt 2009-11-07 04:38:04

Setting the overflow-y css property to hidden directly for the IFRAME, or for the html/body tags of the contained web page seems to have no effect. Could I be overriding this property somehow?

BrainCore 2009-11-07 19:51:42

-1 `overflow-y` is not a standard CSS property; it is IE only.

Josh Stodola 2009-11-09 19:51:13

Thanks for letting me know Josh!

JasonWyatt 2009-11-09 21:07:39

Pretty sure overflow-y and overflow-x are correct CSS3...

Douwe Maan 2009-12-21 14:12:30

Answer 2

A:

I'm assuming you've tried this, but have you set scrolling to no on the iframe?

<iframe scrolling="no">

Shpigford 2009-11-08 05:30:13

yup. I didn't escape that flag in my post, unfortunately, so it didn't display.

BrainCore 2009-11-09 19:46:32

Answer 3

A:

Try this...

iframe { overflow:hidden; }

Josh Stodola 2009-11-09 19:51:42

Been trying it from the start. Not working. Thanks though.

BrainCore 2009-11-09 22:04:47

Answer 4

+4 A:

I just ran into this problem, and discovered that the fix was to set overflow: hidden on the HTML tag of the page inside the iframe.

Tim 2009-12-04 17:04:28

Thanks for this tip, Tim; it fixed the issue for me.By the way, it seems like styling the HTML element to be overflow:hidden inside of a style tag doesn't work -- you need to put it in as a style attribute for the HTML tag (even though that's not valid). So...This: <html style="overflow: hidden;"> <head></head> <body>stuff</body> </html>Not this: <html> <head><style type="text/css"> html { overflow:hidden; } </style></head> <body>stuff</body> </html>

Rudi 2010-08-18 18:03:01

Answer 5

A:

check if the scroll is realy from the iframe, maybe it's from the HTML or BODY.

For scroll in iframe

<iframe scrolling="no">

In css

iframe { overflow:hidden; }

or 

iframe { overflow-x:hidden; overflow-y:hidden}

Razielblood 2009-12-21 13:21:07

Answer 6

A:

do not use scrolling tag at-all on the iframe and add the style as style="overflow-x:hidden;overflow-y:auto;" this will remove the horizontal scroll and it should work the other way round too.

-Jai

Jai 2009-12-21 14:06:13

Answer 7

A:

Does this help? Works on Chrome, IE, FF...

<style type="text/css">
html { overflow:hidden; }
#test { position:absolute; top:50; left:50; right:50; bottom:50; height:2000px; }
</style>

<body scroll="no">
<div id="test">content</div>
</body>

tpeck 2010-01-15 13:14:41

Answer 8

A:

I just solved it on my blog with scrolling="no" after the style tag.

eg:

iframe src="asdf.html" style="overflow: hidden;" scrolling="no"

I left the style attribute in there because it's more proper and it worked fine on Firefox.

Giles Bowkett 2010-07-12 21:46:58

Answer 9

A:

Setting the iframe's scrolling attribute to "no" should fix this, but there appears to be a bug in webkit: https://bugs.webkit.org/show_bug.cgi?id=29240

Tim's work-around ( http://stackoverflow.com/questions/1691873/safari-chrome-webkit-cannot-hide-iframe-vertical-scrollbar/1848336#1848336 ) seems to fix the issue -- as long as you have the ability to edit the document contained by the iframe...

Rudi 2010-08-18 18:17:41

Answer 10

A:

hide iframe scrolling in chrome put body tag like this

body style="margin:0px; padding:0px; overflow:hidden;"

Vaidehi 2010-10-08 11:33:50

ansaurus

tags:

views:

answers:

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

related questions