7

これについてはインターネット上に何百もの投稿があり、その多くは StackOverflow にありますが、残念ながら、言及されている解決策はどれもうまくいかないようです。私は6時間の大部分をいじくり回しましたが、成功しませんでした。

ここに私が持っているものがあります:

しかし、スクロールバーを安全に削除できるように、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}も設定しました

4

1 に答える 1

13

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>
于 2012-10-31T05:49:13.577 に答える