Remove horizontal and vertical scrollbar from facebook apps

Question

I have created a facebook apps. It works fine for me. But my problem is that always show vertical and horizontal scrollbar, when I use fluid for both width and height of my page from facebook settings. My page looks like this http://karen.webmascot.com/fb/fbone.jpg. What can I do now?

have you try to set your canvas setting width as fixed, and height is settable ? — Suriyanti Panagen, Dec 19 '11 at 10:44
If you are using Chrome there is a known issue where the facebook page itself (not the iFrame) actually has a horizontal scrollbar. They haven't fixed it yet. https://developers.facebook.com/bugs/182748101891780 — Joshua, Aug 24 '13 at 06:01

score 7 · Accepted Answer · answered Dec 19 '11 at 12:16

Set scroll=no and overflow:hidden to your body and use FB.Canvas.setAutoGrow() to remove the scrollbar.

<body scroll="no" style="overflow:hidden">
<div id="fb-root"></div>
<script type="text/javascript">
window.fbAsyncInit = function () {
    window.setTimeout(function () {
        FB.Canvas.setAutoGrow()
    }, 250)
};
(function () {
    var e = document.createElement('script');
    e.async = true;
    e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e)
}());
</script>

Empty scroll bar always showing for mozilla firefox browser, not in IE. — Pritom, Dec 20 '11 at 06:18

score -1 · Answer 2 · edited Dec 19 '11 at 14:09

-1

Try to use overflow:hidden in your body CSS style.

edited Dec 19 '11 at 14:09

Shantha Kumara

3,272
4
40
52

answered Dec 19 '11 at 10:59

Marco Caltagirone

1,206
1
14
23

Remove horizontal and vertical scrollbar from facebook apps

2 Answers2