互联网上有数百条关于这方面的帖子，其中许多都在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｝
你试过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>