从 Facebook 页面标签应用程序中删除滚动条？答案

【问题标题】：Remove scrollbars from Facebook page tab app?从 Facebook 页面标签应用程序中删除滚动条？
【发布时间】：2012-10-20 10:55:35
【问题描述】：

互联网上有数百篇关于此的帖子，其中很多都在 StackOverflow 上，但不幸的是，提到的解决方案似乎都不适合我。我花了 6 个小时的大部分时间修修补补，但没有成功。

这是我所拥有的：

我创建了一个 Facebook 应用并将其添加为页面选项卡。
我已在此处将应用添加到 Facebook 页面：https://www.facebook.com/pages/PARKROYAL-Darling-Harbour-Sydney/236917443012539?sk=app_195092900626979

但我这辈子都无法设置 iFrame 的高度，这样我就可以安全地移除滚动条了！

这是我的 HTML 代码的结构：

<!DOCTYPE html>
<html lang="en">

<head>

<meta charset="utf-8">

<title>PARKROYAL Magic Moments</title>

<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

</head>

<body>

<MAIN CODE HERE>

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
FB.init({
appId : '<APP-ID>',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
</script>

<script type="text/javascript">
window.fbAsyncInit = function() {
FB.Canvas.setSize( { height: 1642 } );
}
// Do things that will sometimes call sizeChangeCallback()
function sizeChangeCallback() {
FB.Canvas.setSize( { height: 1642 } );
}
</script>


</body>

</html>

在我的 CSS 中，我还设置了 body { overflow:hidden }

【问题讨论】：

查看浏览器的错误控制台，消息就在那里……

标签： javascript html css facebook facebook-apps

【解决方案1】：

你试过FB.Canvas.setAutoGrow。你可以这样使用它：-

 <script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>
 <script type="text/javascript">
    window.fbAsyncInit = function() {
    FB.init({
      appId      : '235024806624460',
    });
    FB.Canvas.setAutoGrow();
    }
 </script>

【讨论】：