advanced code snippet search

Posted By

the_construct on 02/11/12


Tagged

javascript facebook scroll-bars


Versions (?)

Facebook Get Rid of Verticle Scroll Bars

 / Published in: JavaScript
 

Some FB apps are longer than the 800px default FB limit and most are designed to 520px. When your content is longer than the 800px default a verticle scroll bars appears and if you have a hard-coded width in your CSS of 520px this forces a horizontal scroll bar to appear when the verticle one does.

So lets get rid of the scroll bars once and for all!

Expand | Embed | Plain Text 
  1. <!--
  2.     Paste this code at the bottom of each of your pages just before the closing </body> tag
  3.     **Just don't forget to replace YOUR APP ID in the code below with guess what...? :o)
  4.  
  5.     ***You might have to refresh a few times to see the changes!
  6. -->
  7.  
  8. <div id="fb-root"></div>
  9. <script src="http://connect.facebook.net/en_US/all.js"></script>
  10. <script>
  11. 	FB.init({
  12. 		appId : 'YOUR APP ID',
  13. 		status : true, // check login status
  14. 		cookie : true, // enable cookies to allow the server to access the session
  15. 		xfbml : true // parse XFBML
  16. 	});
  17.  
  18. </script>
  19. <script type="text/javascript">
  20. 	window.fbAsyncInit = function()
  21. 	{
  22. 		FB.Canvas.setSize();
  23. 	}
  24. 	// Do things that will sometimes call sizeChangeCallback()
  25. 	function sizeChangeCallback()
  26. 	{
  27. 		FB.Canvas.setSize();
  28. 	}
  29. 	sizeChangeCallback();
  30. </script>

Report this snippet  

You need to login to post a comment.