After changing facebook styling of fan page to Timeline view now old javaScript code which we used before to remove scroll bars from our facebook fan page custom iframe tab do not work now. So how can you remove scroll bars from 810px wide facebook iframe custom tab fan page?
Edit your html document Remember before you upload your document you have to change .html to .php and that is recommended file for fan page tabs.
After editing your fan page tab kindly insert the following code before closing of </body> remember to change API key with your API key you have nothing else to do , no overflow hidden or anything. Also always try to keep your fan page width within 800px no matters if facebook says 810.
[code lang=”js”]
<div id="fb-root"></div>
<script src="https://connect.facebook.net/en_US/all.js"></script>
<script>
window.fbAsyncInit = function() { FB.init({ appId : ‘YOUR APP ID’,
//Your facebook APP here cookie : true,
// enable cookies to allow the server to access the session }); }
window.onload = function() { FB.Canvas.setAutoGrow(91); }</code></div>
</script[/code]
<div id="fb-root"></div>
<script src="https://connect.facebook.net/en_US/all.js"></script>
<script>
window.fbAsyncInit = function() { FB.init({ appId : ‘YOUR APP ID’,
//Your facebook APP here cookie : true,
// enable cookies to allow the server to access the session }); }
window.onload = function() { FB.Canvas.setAutoGrow(91); }</code></div>
</script[/code]