我可以强制Facebook fb_edge_widget_with_comment打开面向左而不是右边？

Question

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

当您单击Grocery Circular Roundup标题旁边的Like按钮时,Like小部件会向右打开,因此关闭按钮会在内容的边缘处被切断.

但是,当用户缩小浏览器宽度时,同一个窗口小部件会自动向左打开,以便它适合页面.

即使用户的浏览器非常宽,有没有办法强制小部件向左打开？我没有选择通过删除内容区域中隐藏的溢出来修复此切断关闭按钮问题,因为这与其他广告客户要求相冲突.

Answer 1

遗憾的是,您无法真正让弹出窗口/弹出窗口独立于按钮移动,因为一旦单击该按钮,它就会在iframe中打开窗口小部件,并且您将无法在不播放iframe的情况下影响iframe的内容同源政策.显然有一些方法可以规避同源政策,但这可能比这样的事情真的值得头疼.

但是,单击按钮时,可以通过移动整个窗口小部件来防止意外切断.只需添加以下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 */
}