自动调整Facebook应用iframe无法正常工作

时间:2018-01-15 11:09:00

标签: javascript html facebook iframe facebook-javascript-sdk

我试图将我的脸书应用调整到其内容的全部高度。目前我正在使用此代码:



window.fbAsyncInit = function() {
  FB.init({
    appId: '{APP ID}',
    appSecret: '{APP SECRET}',
    autoLogAppEvents: true,
    version: 'v2.11',
    status: true,
    cookie: true,
    xfbml: true
  });

  FB.Canvas.setSize();
  FB.Canvas.setAutoGrow(7);
};

(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 = 'https://connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.11&appId={APP ID}';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

body,
iframe {
  margin: 0 auto;
  padding: 0;
}

iframe {
  width: auto;
  height: auto;
  border: 0;
}

<body>
  <div id="fb-root">
    <iframe src="{ANOTHER FRAME}"></iframe>
  </div>
</body>
&#13;
&#13;
&#13;

但遗憾的是,内容仍然比实际的iframe更大,所以我必须在iframe中滚动才能获得所有内容。

宽度很好,但高度是问题。

如果有人可以帮助我,那将是非常好的。

0 个答案:

没有答案