タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

jqueryとfacebookに関するsutara_lumpurのブックマーク (1)

  • page plugin(facebook埋め込み)をレスポンシブ対応する

    2015年6月にfacebookをwebサイトに埋め込むには「like box」から「page plugin」に変更になりました。 単純に埋め込むにはこちらからコードを取得し貼り付けるだけでfacebookウィジェットを埋め込むことができます。 一応レスポンシブ対応していますが、仕様としては最初に表示された親ボックスサイズ(180px〜500pxの制限あり)に合わせてレスポンシブに可変されますが動的にウィンドウサイズは変更されません。 このままでもほぼ問題ないと思いますが、どうしてもダイナミックにレスポンシブ対応したい場合のjqueryを使った対応方法をメモ。 まずは通常の手順通りコードを埋め込む 下記のように埋め込みたい場所(ここでは<div id=”pageplugin”>ボックス内)に取得したコードを埋め込みます。(javascriptのコードは省略) <div id="pagepl

    page plugin(facebook埋め込み)をレスポンシブ対応する
    sutara_lumpur
    sutara_lumpur 2016/05/23
    Androidの実機(Nexus7)で確認したところ、これが原因でページ全体のスクロールが滑らかに動作しないようです。(2016年11月25日 現在)
  • 1