css - Facebook 标签滚动条

Question

我正面临 Facebook 自定义标签问题上众所周知的滚动条（见图）。

我已经尝试过 Stack Overflow 上针对类似问题的每一个答案，即使是过时的问题，也无法解决我的问题。

我还尝试从我的页面中删除所有 CSS，以确保它不是由我的 CSS 引起的。零 CSS 也存在问题...

我试过的代码的最新版本：

<style type="text/css">
body, html {
    height: 1000px;
}
</style>
  
<script src=\'https://connect.facebook.net/en_US/all.js#xfbml=1\'></script>
<script type=\'text/javascript\'>
window.fbAsyncInit = function() {
  FB.init({
    appId: \'xxxxxxxxx\', // App ID
  });
  FB.Canvas.setAutoGrow();
}  
</script> 

我也试过了FB.Canvas.setSize({ width: 640, height: 480 });。不幸的是，Facebook 文档说This method is only enabled when Canvas Height is set to "Fluid" in the App Dashboard。我在任何地方都找不到这样的设置...

我也试过这个版本（来自Facebook Page Tab (New) 中的隐藏垂直滚动条）：

<div id="fb-root"></div>
<script>
    window.fbAsyncInit = function() {
        // init the FB JS SDK
        FB.init({appId:YOUR_APP_ID_HERE,status:true,cookie:true,xfbml:false});
        FB.Canvas.setSize({ width: 810, height: 1050 });
    };
    (function(d, debug){
        var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
        if (d.getElementById(id)) {return;}
        js = d.createElement('script'); js.id = id; js.async = true;
        js.src = "//connect.facebook.net/en_US/all" + (debug ? "/debug" : "") + ".js";
        ref.parentNode.insertBefore(js, ref);
    }(document, /*debug*/ false));
</script>

标签： cssfacebookfacebook-graph-apifacebook-javascript-sdk