Iframe always showing scroll bars in IE7_问答_开发者

Iframe always showing scroll bars in IE7

开发者 https://www.devze.com 2022-12-31 05:27 出处：网络

Having an annoying issue in IE7. I have a website whe开发者_开发百科re, at the bottom of every page theres an Iframe, and for the life of me I cannot get the scroll bars to hide. This is only in IE7,

I have scrolling="no" and set overflow:hidden; still not working though.

If anyones got anything they could suggest I'd be very greatful

http://www.keyscape.co.uk is the site

Cheers Martin

adding scroll="no" to the body of my iframe target page worked for me. In total, here's the additional cruft I've added to my iframe for various browsers, perhaps this will help someone else:

iFrame source HTML:

<body style="overflow:hidden;" scroll="no">

iFrame tag on page:

<iframe width="280" height="196" src="http://dev.example.com/source.html"
style="overflow:hidden;" marginheight="0" marginwidth="0" frameborder="0">
</iframe>

Try setting the BODY tag of the IFRAME content to <BODY scroll="no"> and add the following CSS the content's page:

html 
{ 
     overflow:hidden; 
}

By using jQuery from parent page

<script type="text/javascript">
$('#iframeid').contents().find('body').css('overflow', 'hidden');
$('#iframeid').contents().find('body').attr('scrolling', 'No');
</script>

Use this, it should work.