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问题(......再次)?
在此先感谢丹尼斯
尝试所有的解决方案在此之后,这使得在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">这样设置,所以请记住.
| 归档时间: |
|
| 查看次数: |
16791 次 |
| 最近记录: |