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

前端之家收集整理的这篇文章主要介绍了javascript – 如何在应用程序选项卡中删除iFrame的垂直滚动条前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经完成了我的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);
  }());

加载应用程序选项卡时,iframe成功调整大小,但垂直滚动条可见.我的应用程序的主体宽度为520px,应用程序设置设置为自动调整大小和iframe模式.当我添加溢出:隐藏到html元素,滚动条是不可见的 – 但我不想使用overflow:隐藏在html标签上,因为页面也可以作为独立页面.

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

提前致谢
丹尼斯

解决方法

在尝试了所有的解决方案之后,最后一个在Firefox中有所不同的是添加了overflow:对于< html>和< body>样式.

CSS代码如下:

html {
    overflow: hidden;
}

body {
    width: 520px;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

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

猜你在找的JavaScript相关文章