読者です 読者をやめる 読者になる 読者になる

みかづきブログ その3

3ヶ月つづけてみました。

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

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

f:id:kimizuka:20150412132343j:plain

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


右側にあるいいねボタン

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

つまり、

.fb_iframe_widget_lift {
    right:0;
}

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


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



すこぶるべんりです。