Facebook:如何在应用程序选项卡中删除iFrame的垂直滚动条

Den*_*nis 9 javascript iframe facebook scrollbar

我已经完成了我的facebbok应用程序,目前在将应用程序视为Facebook应用程序选项卡时卡住了....:显示垂直滚动条.实际上我已经使用以下代码自动调整应用程序iframe的大小:

window.fbAsyncInit = function() {
    FB.init({appId: FBAPP_ID, status: true, cookie: true, xfbml: true});
    FB.Canvas.setAutoResize(100);
    //FB.Canvas.setSize();
  };
  (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);
  }());
Run Code Online (Sandbox Code Playgroud)

加载应用程序选项卡时,iframe成功调整大小,但垂直滚动条可见.我的应用正文宽度为520像素,应用设置设置为自动调整大小和iframe模式.当我添加overflow:hidden到html-element时,滚动条不可见 - 但我不想使用overflow:隐藏在html-tag上,因为该页面也可以作为独立页面使用.

当内容符合iframe高度时,有没有人有一些想法让facebook隐藏垂直滚动条?(或者这是目前的Facebook问题(......再次)?

在此先感谢丹尼斯

Chr*_*let 5

尝试所有的解决方案在此之后,这使得在Firefox的差别最后一个是添加overflow: hidden这两种<html><body>样式.

CSS代码如下:

html {
    overflow: hidden;
}

body {
    width: 520px;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}
Run Code Online (Sandbox Code Playgroud)

IE7有时也会显示滚动条,除非你<body scroll="no">这样设置,所以请记住.


小智 2

转到您的应用程序设置 -> Facebook 集成并选择“IFrame 大小”= 自动调整大小