Question

如何在喜欢或发送按钮上设置facebook“flyout”的方向。我们目前将Facebook社交插件浮动在页面的右侧。但是，当有人打开Facebook“弹出窗口”时，它会向右打开，扩展页面时理想情况下会向左侧打开。

我保证，我们不需要你喜欢这个网站:)任何帮助将不胜感激。

<div class="side-right">
    <fb:like href="http://compfight.com" send="true" layout="button_count" width="150" show_faces="false" action="recommend" font="" class=" fb_edge_widget_with_comment fb_iframe_widget">
</div>

班级右侧有一个浮动：右;和text-align：右边附着。

Answer 1

尝试将此样式添加到您的页面：

<style>
.fb_edge_widget_with_comment span.fb_edge_comment_widget {
left: -300px !important;
}
</style>

Answer 2

如果需要，你可以隐藏弹出按钮，就像在弹出窗口中弹出按钮可以将内容推出位置（我们在侧边栏中的jQuery滑块中有一个LIKE按钮，并且每次点击LIKE都会将侧边栏图像推出框架。

使用上面帖子中的安德鲁CSS，我发现一个简单的 显示：无 就可以了。

<style>
.fb_edge_widget_with_comment span.fb_edge_comment_widget {
    left: -300px !important;
    display:none;
}
</style>

这使我们的内容不会被强制向上和超出框架。

Answer 3

目前暂不支持，因为所有内容都在iframe范围内且不受应用程序的控制。

订阅官方错误以获取有关此问题的更新：

https://developers.facebook.com/bugs/1420124294938118/

Answer 4

您无法自定义飞出窗口的位置，但请在此处查看我的替代方案。 Facebook send button flyout

Answer 5

不会自动执行此操作？

http://jsfiddle.net/Zf7mY/

示例

.fb-like { float:right; }

Answer 6

我刚刚添加fb喜欢div与overflow：hidden ...

添加评论到你的喜欢并不是那么重要的破坏你的网页设计，你想要的那样，评论只是奖金; - ）

facebook喜欢＆amp;发送按钮弹出方向

6 个答案: