Facebook Like按钮位于非滚动页面的底部

时间:2011-12-01 20:36:40

标签: javascript css facebook-like

我有一个不滚动的Web应用程序,按钮上有一个facebook按钮。 Chrome和Firefox的行为有所不同,但他们都错了。

Chrome会重新定位div(好),但是一旦关闭小部件,它就不会返回到底部。 Firefox没有重新定位div,注释弹出按钮大部分是隐藏的。

有什么方法可以让它发挥作用吗?我不介意隐藏评论弹出窗口,但我已经尝试过,Chrome会重新定位overflow: hidden div的视口。

在这里查看 http://jsfiddle.net/KaZkL/

重现,喜欢然后不喜欢。

Chrome 15.0.874.121 MacOS X

enter image description here

Firefox 8.01 MacOS X

enter image description here

1 个答案:

答案 0 :(得分:2)

我已经以这种方式解决了:

.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
    position:absolute;
    bottom: -70px;
}

以下是http://jsfiddle.net/bitliner/UtJ35/的示例 小对话框出现在相似按钮的上方。

希望得到这个帮助。