Geek asks and answers

Addthis widget in fixed element - position error?

I use addthis as a vertical toolbar with a popup that will appear when you hover over a fixed element . But when scrolling, a popup is displayed somewhere else. I tried using configs offset top and left, but that was useless. Is there any solution for this?

DEMO here ----> http://jsfiddle.net/vaakash/QzjxR/1/embedded/result/

+3
source share
3 answers

I tried using code using jQuery and quite satisfied my needs. So. here i used the "mousemove" event to position the popup and it worked.

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

There are apparently no fixes, according to AddThis people .

This is because we do not recount the position of the DIV after the menu call. That I would disable the compact menu and set the button to only the extended (full) menu, which is automatically centered.

So change <a class="addthis_button_compact"></a>to<a class="addthis_button_expanded"></a>

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

+2
source

, 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.

0

More articles:


All Articles