JQuery Animate / Offset проблема - PullRequest
Новая
       22

JQuery Animate / Offset проблема

0 голосов
/ 12 июля 2011

У меня есть маленькая схема стульев. Когда я парю над стулом, я получаю небольшое всплывающее окно с помощью jQuery. Положение всплывающего окна зависит от offset() стула, над которым я нахожусь.

Когда я прокручиваю, всплывающее окно остается на том же месте в ДОКУМЕНТЕ, но вместо этого оно должно быть выровнено по стулу, над которым я парю.

Вот пример . 

$(document).ready(function(){
    $(".sp_seat").live('mouseover', function()
    {
        var id = $(this).attr('id');

        var x = $(this).offset().left;
        var y = $(this).offset().top;

        $('#seat_'+id).css({"left":(x+30)+"px","top":(y+10)+"px"});

        $('#seat_'+id).fadeIn('fast');

    });

    $(".sp_seat").mouseout(function()
    {
        $('.username').fadeOut('fast');
    });

    $(".free").click(function()
    {
        var id = $(this).attr('id');
        window.location='?page=event/seatplan&action=pick&seat='+id;
    });
});

Это код jQuery, который у меня есть сейчас.

Заранее спасибо.

1 Ответ

1 голос
/ 12 июля 2011

Привет, ты должен иметь возможность добавить свой ypos к позиции прокрутки страницы,

Изменить эту строку: 

    $('#seat_'+id).css({"left":(x+30)+"px","top":(y+10)+"px"});

Кому: 

    $('#seat_'+id).css({"left":(x+30)+"px","top":(y+10)+$(document).scrollTop()+"px"});
...