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

前端之家收集整理的这篇文章主要介绍了javascript – 如何在应用程序选项卡中删除iFrame的垂直滚动条前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经完成了我的facebbok应用程序,当看到应用程序作为一个Facebook应用程序选项卡….当前被卡住了:显示垂直滚动条.
其实我使用以下代码自动调整应用程序的大小iframe:
  1. window.fbAsyncInit = function() {
  2. FB.init({appId: FBAPP_ID,status: true,cookie: true,xfbml: true});
  3. FB.Canvas.setAutoResize(100);
  4. //FB.Canvas.setSize();
  5. };
  6. (function() {
  7. var e = document.createElement('script'); e.async = true;
  8. e.src = document.location.protocol +
  9. '//connect.facebook.net/en_US/all.js';
  10. document.getElementById('fb-root').appendChild(e);
  11. }());

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

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

提前致谢
丹尼斯

解决方法

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

CSS代码如下:

  1. html {
  2. overflow: hidden;
  3. }
  4.  
  5. body {
  6. width: 520px;
  7. margin: 0;
  8. padding: 0;
  9. overflow-x: hidden;
  10. }

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

猜你在找的JavaScript相关文章