Facebookに複数のアプリがあり、1つのアプリに問題があります。これは、すべてのコンテンツが画面上に収まっていてもスクロールバーを表示させる520pxよりも広くレンダリングされています（スクロールすると空白になります）。私はCSSのスタイリングと設定をダブルチェックしており、正しくレンダリングされている別のアプリと同じように見えます。助言がありますか？FB App。ページが幅が520ピクセル未満のときに表示されるスクロールバー
ここに私に問題を与えるアプリへのリンクがあります。
https://www.facebook.com/slp.cc#!/slp.cc?sk=app_195351823894125
あなたは2012雪のショースケジュールを見れば、それはcorrecltyをレンダリングします。
私は同様の問題があり、体の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>
場合は隠されたとして、あなたは身体のオーバーフローのスタイルを設定します。
は、次のスニペットを参照してください。
EX：私はちょうどそれらの変更を行っ<body style="overflow: hidden; onload="sizeChangeCallback()"></body>
...私はまた、最大幅を試してみました：520px;仕事のように思える唯一のものは、オーバーフローを設定することです：隠された;しかし、それはまた、テキストの下部を切り捨てます。 –
http://spelloveryou.com/facebook-iframe-apps-getting-rid-of-those-scrollbars/ ここには修正があります... –