设置页面标签内容高度

Question

如何设置来自谷歌网站的页面标签内容的高度？它工作正常，我只是希望垂直滚动条不要长于实际的 facebook 页面大小。

我现在使用的代码

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
  // init the FB JS SDK
  FB.init({
    appId      : '576155032405795',                        // App ID from the app dashboard

  });

  FB.Canvas.setAutoGrow();
};

// Load the SDK asynchronously
(function(d, s, id){
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) {return;}
 js = d.createElement(s); js.id = id;
 js.src = "//connect.facebook.net/en_US/all.js";
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

Answer 1

您可能想查看JavaScript SDK 的setAutoGrow() 或setSize() 函数。两者都可能对您有所帮助，但您必须从setAutoGrow() 的documentation 中判断使用哪一个

如果您知道您的内容会改变大小，但您不知道何时更改，此功能很有用。会有一点延迟，所以如果你知道你的内容何时改变大小，你应该自己调用 setSize （并节省你用户的 CPU 周期）。

来自setSize()的documentation

当您需要调整大小时调用它。这通常意味着，在页面加载后，以及每当您的内容大小发生变化时。

所以你需要做出相应的判断。

编辑

我希望您在代码中使用setAutoGrow() 函数。您需要将此代码放在页面选项卡中呈现的页面中。正如您所提到的，您的内容是从您的 Google 网站中的页面检索到的，那么这就是您需要添加代码的地方。

您必须在您的页面中 body 开始标记之后插入以下代码

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
  // init the FB JS SDK
  FB.init({
    appId      : 'YOUR_APP_ID',                        // App ID from the app dashboard
    channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel file for x-domain comms
  });

  FB.Canvas.setAutoGrow();
};

// Load the SDK asynchronously
(function(d, s, id){
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) {return;}
 js = d.createElement(s); js.id = id;
 js.src = "//connect.facebook.net/en_US/all.js";
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

这里的channel.html 将只包含以下代码行

<script src="//connect.facebook.net/en_US/all.js"></script>