Question

所以我一直在互联网搜索解决方案，从我公司的Facebook页面上的自定义标签页中删除滚动条。当然，我不是程序员，并且想出昨天如何构建这个东西，但是真的很想解决这个问题。似乎FB应用程序开发人员的旧格式有很多解决方案，但新版本没有。\

我一直试图实现一堆我找到的画布大小脚本，但要么他们没有，要么我的页面拒绝加载。

Answer 1

jsteid

以下是我如何使用OAuth 2.0和新的javascript sdk调整标签大小的示例。 http://www.facebook.com/anotherfeed?sk=app_135669679827333

如果您使用％进行设置，那么由于框架中的边距，它们需要低于100％，大约98％ - 96％。

<div id="fb-root"></div>
<script>
      window.fbAsyncInit = function() {
        FB.init({
    appId  : '135669679827333',
    status : true, // check login status
    cookie : true, // enable cookies to allow the server to access the session
    xfbml  : true, // parse XFBML
    //channelUrl : 'http://WWW.MYDOMAIN.COM/channel.html', // channel.html file
    oauth  : true // enable OAuth 2.0
        });
        //FB.Canvas.setAutoResize(); depreceated
            FB.Canvas.setAutoGrow(1000);
      };
      (function() {
        var e = document.createElement('script'); e.async = true;
        e.src = document.location.protocol +
          '//connect.facebook.net/en_US/all.js';
        document.getElementById('fb-root').appendChild(e);
      }());
</script>

Answer 2

修复高度问题，加载js sdk并设置画布大小

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
  FB.init({
    appId  : '123456789',
    status : false, // check login status
    cookie : false, // enable cookies to allow the server to access the session
    xfbml  : false  // parse XFBML
  });

  FB.Canvas.setSize({ width: 500, height: 1000 });
</script>

测试并查看符合您需求的值

Answer 3

我认为在iframe标签上存在FB.Canvas大小方法的错误。高度设置正确但滚动仍在那里。在我的情况下，唯一的解决方法是FB.Canvas.SetAutoResize（）+样式'body'与overflow：hidden的组合。

Answer 4

你需要这样做：

转到您的应用（https://developers.facebook.com/apps/）
点击相关应用中的“修改设置”。
转到：设置 - ＆gt;高级 - ＆gt;画布设置 - ＆gt;画布高度 - ＆gt;选择“自动调整大小”。

如果你仍然遇到问题，这里的其他建议应该有助于做一些像......

<div id="fb-root"></div>
<script type="text/javascript"> 
  window.fbAsyncInit = function() {
    FB.init({appId: '12345', status: true, cookie: true, xfbml: true});
  window.setTimeout(function() {
    FB.Canvas.setAutoResize();
  }, 1000);
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

在这里，我将您的页面高度设置为1000 - ＆gt;将其更改为您的页面高度，我将您的应用ID设置为12345 - ＆gt;将其更改为您的应用ID。

我希望这适合你。

真的很难从自定义粉丝页面选项卡中删除垂直滚动条

4 个答案: