我使用 addthis 作为垂直工具箱,弹出窗口将在悬停时显示在固定元素中。但是滚动时,弹出窗口会显示在其他地方。我尝试使用偏移顶部和左侧的配置,但没有用。有什么解决办法吗???
演示在这里----> http://jsfiddle.net/vaakash/QzjxR/1/embedded/result/
我使用 addthis 作为垂直工具箱,弹出窗口将在悬停时显示在固定元素中。但是滚动时,弹出窗口会显示在其他地方。我尝试使用偏移顶部和左侧的配置,但没有用。有什么解决办法吗???
演示在这里----> http://jsfiddle.net/vaakash/QzjxR/1/embedded/result/
我尝试使用使用 jQuery 的代码并相当满足我的需求。所以。在这里,我使用“mousemove”事件来定位弹出窗口,它确实有效。
$('.addthis_button_compact, .addthis_bubble_style').mousemove(function(e){
$('#at15s').css({
'top': e.pageY - 200 ,
'left': e.pageX - 200
});
});
据AddThis人称,显然没有解决办法。
发生这种情况是因为在调用菜单后我们没有重新计算 DIV 的位置。我要做的是禁用紧凑菜单并将按钮设置为仅使用自动居中的扩展(完整)菜单。
所以<a class="addthis_button_compact"></a>
改为<a class="addthis_button_expanded"></a>
我遇到了类似的情况,我有一个 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 菜单偏移量。addthis_config