みかづきブログ その3

本ブログは更新を終了しました。通算140万ユーザーの方に観覧頂くことができました。長い間、ありがとうございました。

👆

引越し先はこちらです!

ページの右側にいいねボタンを置いてダイアログが開かれたときにつじつまを合わせる

最近のいいねボタンは押すとコメント投稿用のポップアップが表示されます。

f:id:kimizuka:20150412132343j:plain

なので、いいねボタンがページの右側にあると「コメントする」ボタンが押せなくなったり、ページレイアウトがおかしくなったりしてしまいます。


右側にあるいいねボタン

上記ケースだとbodyにoverflow: hiddenがかかっているので「コメントする」ボタンが押せません。
どうしたものかと思っていたのですが、同僚にダイアログ表示時は.fb_iframe_widget_liftというクラスが振られることを教えてもらいました。

つまり、

.fb_iframe_widget_lift {
    right:0;
}

と書いておけば、「コメントボタン」が押せなくなることはなくなります。


右側にあるいいねボタン(位置調整機能つき)



すこぶるべんりです。