从 facebook 应用程序中删除水平和垂直滚动条答案

【问题标题】：Remove horizontal and vertical scrollbar from facebook apps从 facebook 应用程序中删除水平和垂直滚动条
【发布时间】：2012-01-23 11:39:31
【问题描述】：

我创建了一个 facebook 应用程序。这对我来说可以。但我的问题是，当我从 facebook 设置中为页面的宽度和高度使用流体时，总是显示垂直和水平滚动条。我的页面看起来像这样http://karen.webmascot.com/fb/fbone.jpg。我现在能做什么？

【问题讨论】：

您是否尝试将您的画布设置宽度设置为固定，高度可设置？
如果您使用的是 Chrome，则存在一个已知问题，即 facebook 页面本身（不是 iFrame）实际上有一个水平滚动条。他们还没有修好。 developers.facebook.com/bugs/182748101891780

标签： facebook facebook-iframe facebook-apps

【解决方案1】：

将scroll=no 和overflow:hidden 设置为您的身体，并使用FB.Canvas.setAutoGrow() 删除滚动条。

<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>

【讨论】：

mozilla firefox 浏览器总是显示空滚动条，而不是在 IE 中。

【解决方案2】：

尝试在你的 body CSS 样式中使用overflow:hidden。

【讨论】：