在固定元素中添加此小部件 - 位置错误？

Question

我使用 addthis 作为垂直工具箱，弹出窗口将在悬停在 fixed 元素中时显示。 但是当滚动时，弹出窗口会显示在其他地方。我尝试使用顶部和左侧偏移的配置，但没有用。这个有什么解决办法吗？？？

DEMO在这里----> http://jsfiddle.net/vaakash/QzjxR/1/embedded/result/

Answer 1

我尝试使用 jQuery 来使用代码，并且相当满足我的需求。所以。在这里，我使用“mousemove”事件来定位弹出窗口，它确实有效。

$('.addthis_button_compact, .addthis_bubble_style').mousemove(function(e){
    $('#at15s').css({
        'top': e.pageY - 200 ,
        'left': e.pageX - 200
    });
});

Answer 2

据 AddThis 人员称，显然没有解决办法。

发生这种情况是因为我们不
重新计算DIV的位置
调用菜单后。我什么
要做的就是禁用紧凑菜单
并将按钮设置为仅使用
扩展（完整）菜单，这是自动的
居中。

因此，将 更改为

http://www.addthis.com/forum/viewtopic.php?f=5&t=24157

Answer 3

我遇到了类似的情况，我有一个 div 根据滚动位置动态地从正常位置更改为固定位置（它是页面中间的一个粘性菜单）。

最后我用以下代码修复了它：

// begin Fix for the AddThis menu positioning..
$(".sharing").bind("mouseenter", function (e) {
  var isSticky = $(".sharing").hasClass("sticky");
  var buttonPos = $(".addthis_button_compact").offset();
  addthis_config.ui_offset_top = isSticky ? buttonPos.top - 9 : 0;
});
// config for the AddThis menu positioning, needs to be in the global scope..
var addthis_config = {  ui_offset_top: 0 }

请参阅 AddThis 菜单偏移< /a> 获取有关 addthis_config 参数的帮助。