【问题标题】:Facebook Send flyout clipping issuesFacebook 发送弹出剪辑问题
【发布时间】:2011-12-15 16:35:08
【问题描述】:

我对 Facebook 发送按钮生成的浮出控件有疑问。单击“发送”按钮后,会生成弹出窗口并显示在某些元素后面。遮挡浮出控件中的按钮。

我读到这是因为父元素具有溢出:隐藏样式。但是,我无法删除此属性,因为它会弄乱我网站的其余部分布局。

我尝试在单击发送按钮时动态删除溢出:隐藏属性(如果有人实际使用发送按钮,则接受布局混乱)。使用以下代码:

FB.Event.subscribe("message.send", function(response) { //移除 溢出:此处隐藏样式 });

不幸的是,此事件仅在实际发送浮出表单时触发,这为时已晚,因为一旦按下显示浮出控件的按钮就需要采取行动。

谁能告诉我如何将 onclick 事件绑定到“发送”按钮或如何完全重新定位浮出控件。或者也许还有一个我还没有考虑过的替代解决方案。

提前致谢

【问题讨论】:

  • 不确定这是否会有所帮助,我在一个网站上看到他们将按钮放在容器中,并且将鼠标悬停在容器上的位置更改为固定位置,以防止飞出表单被剪裁。然后在鼠标移出容器时回到其相对位置。

标签: event-handling facebook-like clipping flyout


【解决方案1】:

固定位置可能对某些人有用,但对大多数人来说,它会弄乱您的布局。

对我有用的是在你的 CSS 中去掉任何overflow: auto

我做到了,效果很好!

【讨论】:

    猜你喜欢
    • 2012-02-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-08-08
    • 1970-01-01
    • 2023-03-29
    • 1970-01-01
    相关资源
    最近更新 更多