Facebook app iFrame自动高度生成滚动条

Question

我正在页面内创建一个Facebook应用程序。问题是我在所有浏览器中都有滚动条。

window.fbAsyncInit = function() {
      FB.init({
        appId: '$App.Id',
        xfbml: false, // no social plugins
        version: '$App.Version'
      });
      FB.Canvas.setSize({width:810, height:1162});

      FB.Canvas.getPageInfo(function(response) {
        fbAppHelper.platform = 'tab';
      });
    };

我找到了一个代码来解决这个问题，这对我不起作用：

$(document).on( "pagecontainertransition", function( event, ui ) {
   FB.Canvas.setSize({height:600});
   setTimeout("FB.Canvas.setAutoGrow()",500);
});

我的html / css：

<div class="wrapper">
<div class="page">my content</div>
</div>

.wrapper {
    width: 810px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    height: auto;
}