Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/sql-server-2008/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Facebook FB应用程序。。显示页面宽度小于520像素时的滚动条_Facebook_Scroll - Fatal编程技术网

Facebook FB应用程序。。显示页面宽度小于520像素时的滚动条

Facebook FB应用程序。。显示页面宽度小于520像素时的滚动条,facebook,scroll,Facebook,Scroll,我在facebook上有多个应用程序,其中一个应用程序有问题。它的渲染宽度超过了520px,导致滚动条出现,即使我的所有内容都显示在屏幕上(滚动时只有空白)。我仔细检查了我的css样式和设置,它似乎与另一个正确呈现的应用程序相同。有什么建议吗 这里是一个应用程序的链接,给了我这个问题 如果您查看2012年雪展的日程安排,它将呈现正确的效果 我也遇到了类似的问题,并更改了body的css!只需尝试执行以下操作并更改所需的数字: 位置:相对位置; 顶部:-5px; 左:-5px, 宽度:520px

我在facebook上有多个应用程序,其中一个应用程序有问题。它的渲染宽度超过了520px,导致滚动条出现,即使我的所有内容都显示在屏幕上(滚动时只有空白)。我仔细检查了我的css样式和设置,它似乎与另一个正确呈现的应用程序相同。有什么建议吗

这里是一个应用程序的链接,给了我这个问题


如果您查看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像素;看起来唯一可行的是设置溢出:隐藏;但它也会把文本的底部部分剪掉。。。这里是修复。。。