ajike switch

Facebookページのiframeスクロールを消す方法

いまさらですが、Facebookのスクロールを消す方法を紹介しようと思います。

決まったコードを張るだけなのでディレクターの方でも作業が可能です。

Facebookページでスクロールバーを消す方法は、setAutoResize()からsetAutoGrow()に変更されましたので、setAutoGrow()の方法を記述しようと思います。
下記コードをファイル内に記述するだけです。

■head部分

<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>

■bodyの直後に

<div id="fb-root"></div>
<script type="mce-text/javascript">
FB.init({
appId : 'アプリID',
status : true,
cookie : true,
xfbml : true,
logging : true
})
// ]]>
(function() {
var d = document;
var e = d.createElement("script");
e.src = d.location.protocol + "//connect.facebook.net/en_US/all.js";
d.getElementById('fb-root').appendChild(e);
}());
window.fbAsyncInit = function() {
FB.Canvas.setAutoGrow();
};
</script>

参考
Facebookページでスクロールバーを消す方法のメモ

servi

ajike switchの更新をメールでお伝えします!

8年以上ajikeが蓄積したデザイン思考とUXデザインの知見を発信し続けるブログ<ajike switch>の更新情報を無料でメールにてお知らせ致します。

×