Facebook FB应用程序。。显示页面宽度小于520像素时的滚动条
我在facebook上有多个应用程序,其中一个应用程序有问题。它的渲染宽度超过了520px,导致滚动条出现,即使我的所有内容都显示在屏幕上(滚动时只有空白)。我仔细检查了我的css样式和设置,它似乎与另一个正确呈现的应用程序相同。有什么建议吗 这里是一个应用程序的链接,给了我这个问题Facebook FB应用程序。。显示页面宽度小于520像素时的滚动条,facebook,scroll,Facebook,Scroll,我在facebook上有多个应用程序,其中一个应用程序有问题。它的渲染宽度超过了520px,导致滚动条出现,即使我的所有内容都显示在屏幕上(滚动时只有空白)。我仔细检查了我的css样式和设置,它似乎与另一个正确呈现的应用程序相同。有什么建议吗 这里是一个应用程序的链接,给了我这个问题 如果您查看2012年雪展的日程安排,它将呈现正确的效果 我也遇到了类似的问题,并更改了body的css!只需尝试执行以下操作并更改所需的数字: 位置:相对位置; 顶部:-5px; 左:-5px, 宽度:520px
如果您查看2012年雪展的日程安排,它将呈现正确的效果 我也遇到了类似的问题,并更改了body的css!只需尝试执行以下操作并更改所需的数字: 位置:相对位置; 顶部:-5px; 左:-5px,
宽度:520px,您可以尝试使用FB.Canvas.setAutoResize()。它将消除水平和垂直滚动条 请参阅以下代码段:
<body onload="sizeChangeCallback()">
<div id="fb-root">
</div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId: 'YOUR APP ID',
status: true, // check login status
cookie: true, // enable cookies to allow the server to access the session
xfbml: true, // parse XFBML
oauth: true
});
FB.Canvas.setAutoResize(); //set size according to iframe content size
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
} ());
function sizeChangeCallback() {
FB.Canvas.setAutoResize();
}
</script>
window.fbAsyninit=函数(){
FB.init({
appId:'您的应用程序ID',
状态:true,//检查登录状态
cookie:true,//启用cookie以允许服务器访问会话
xfbml:true,//解析xfbml
真的吗
});
FB.Canvas.setAutoResize();//根据iframe内容大小设置大小
};
(功能(){
var e=document.createElement('script');
e、 src=document.location.protocol+'//connect.facebook.net/en_US/all.js';
e、 异步=真;
document.getElementById('fb-root').appendChild(e);
} ());
函数sizeChangeCallback(){
FB.Canvas.setAutoResize();
}
如果滚动条仍然存在,则将主体的溢出样式设置为隐藏
例:
我刚刚做了那些更改。。。我也尝试过最大宽度:520像素;看起来唯一可行的是设置溢出:隐藏;但它也会把文本的底部部分剪掉。。。这里是修复。。。