New Code To Remove Scroll Bars from Facebook Page iFrame Tabs – Works Every Time!

I’ve written previously on how to build iFrame tabs for Facebook Fan Pages.

And in that article I described how to remove the scroll bar issue that a lot of apps are plagued with.

I also wrote an article called 2 Ways To Remove Scroll Bar from Facebook Page iFrame Tab Apps.

Well, I’ve since learned that code works only part of the time.

And for developers who are trying to get things done, when you have something like a scroll bar issue, and it’s been 5 hours later and you still haven’t fixed it, it’s important to get help wherever you can.

So I found some new code that has, quite honestly, worked 100% of the time for in resolving the scroll bar issue with Facebook Fan Page iFrame tabs.

I’m going to give you just the framework (header and closer) tags of the code – you just need to include your content in between.

If nothing is wrong with your content code, then this should work everytime at removing your scroll bar issues on your iFrame tabs.

Here ya go, and leave comments to let me know how it works for you:

<html xmlns=”http://www.w3.org/1999/xhtml” xmlns:fb=”http://www.facebook.com/2008/fbml”><head>

<style type=”text/css”>body {overflow: hidden;}</style>

<Body onLoad=”FB.Canvas.setSize({width: 520, height: 2000})”>.<Div id=”fb-root”></div>

<Script src=”http://connect.facebook.net/en_US/all.js#xfbml=1″></script>

<Script type=”text/javascript”>
FB.init({
appId: FB_APP_ID,Status: true,Cookie: true,Xfbml: true
});
window.fbAsyncInit = function().{
fb.canvas.setautoresize();
}
</Script>

</head>
<body>

your content goes here

</body>

</html>

** Note:  I’ve set the height at 2000px which you’ll have to increase if your iframe tab is especially long and you still see the scroll bar.