javascript - 我可以强制 Facebook fb_edge_widget_with_comment 打开时面向左而不是面向右吗？

Question

看看这个页面:http://www.allyou.com/static/weekly-circulars/

当您单击 Grocery Circular Roundup 标题旁边的“赞”按钮时，“赞”小部件会向右打开，因此关闭按钮会在内容边缘被 chop 。

但是，当用户缩小浏览器宽度时，同一个小部件会自动向左打开，以适合页面大小。

有没有办法强制小部件向左打开，即使用户的浏览器非常宽？我无法通过从内容区域中删除 overflow:hidden 来解决这个被砍掉的关闭按钮问题，因为这与其他广告客户的要求相冲突。

Answer 1

不幸的是，您无法真正让弹出窗口/弹出窗口独立于按钮移动，因为一旦单击按钮，它就会在 iframe 中打开小部件，并且您将无法影响 iframe 的内容玩same origin policy .显然有 Ways to circumvent the same-origin policy但对于这样的事情来说，这可能比它真正值得的更让人头疼。

但是，您可以通过在单击按钮时移动整个小部件来防止意外切断。只需添加以下 CSS:

.fb_iframe_widget iframe {
    position:absolute;
    right:0px;
    background:#fff; /* in your case you may want to add a white background */
    transition: all .5s; /* completely optional, but adding a transition makes for a nice effect */
}