2011-12-19 16 views
3

Facebookブックアプリを作成しました。それは私のためにうまく動作します。しかし、私の問題は、縦と横のスクロールバーを表示することです。私は、Facebookの設定から自分のページの幅と高さの両方に流体を使うときです。私のページはhttp://karen.webmascot.com/fb/fbone.jpgのようになります。私は今何をすることができますか?Facebookブックアプリから水平スクロールバーと垂直スクロールバーを削除する

+0

キャンバスの設定幅を固定に設定しようとしましたが、高さは設定可能ですか? –

+0

Chromeを使用している場合は、実際にはiFrameではなく、実際には水平スクロールバーがあるという既知の問題があります。彼らはまだそれを修正していません。 https://developers.facebook.com/bugs/182748101891780 – Joshua

答えて

7

あなたの体にscroll=nooverflow:hiddenを設定し、FB.Canvas.setAutoGrow()を使用してスクロールバーを削除します。

<body scroll="no" style="overflow:hidden"> 
<div id="fb-root"></div> 
<script type="text/javascript"> 
window.fbAsyncInit = function() { 
    window.setTimeout(function() { 
     FB.Canvas.setAutoGrow() 
    }, 250) 
}; 
(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) 
}()); 
</script> 
+2

空のスクロールバーが常に表示されます。 – Pritom

+0

空のスクロールバーは、Mozilla Firefoxブラウザでは常に表示され、IEでは表示されません。 – Pritom

-1

あなたの体のCSSスタイルでoverflow:hiddenを使用してみてください。

関連する問題