Добавить этот виджет в фиксированный элемент - ошибка позиции?

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

Это происходит потому, что мы не пересчитать позицию DIV после вызова меню. Что я сделал бы, это отключить компактное меню и установите кнопку, чтобы использовать только расширенное (полное) меню, авто по центру.

Так что измените <a class="addthis_button_compact"></a> на <a class="addthis_button_expanded"></a>

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 для получения справки по параметру addthis_config.