Проблема с распознованием положения мышки в jQuery?

Question

[The Whiz]

Я собрал в jsfiddle небольшой кусок кода, суть в том, что в пределах вертикального DIV ссылка ездит за мышкой (когда мышь ползает по этому div)

Все работает чудесно

Однако когда я переношу этот код в настоящий html все едет сикось-накось, кнопка уезжает то вниз то вверх, вобщем полный бардак. Знаний разобраться самостоятельно мне не хватает, может быть подскажете, в чем проблема?



Вот этот фидл jsfiddle.net/grammakov/tDGRc/5/

Answer 1

[uadeveloper]

В вашем примере (и на сайте и на фидле) работает нормально, как и положено.

Вы событие вешаете на див, он его обрабатывает. Возможно вы хотите что бы див ездил независимо где находиться курсор?

Comments

[The Whiz]

нет, хочу чтобы стоял смирно… подъезжал «под мышь» в случае наведения. Какой у вас браузер?

[uadeveloper]

И в опере и в хроме последних пробовал.

[The Whiz]

чтобы увидеть «ненормальность» работы достаточно поскроллить основной контент — кнопка улетит далеко за пределы своего родительского контейнера

Answer 2

[uadeveloper]

Извеняюсь. Понял.

Просто отнимите top section от положения в диве:

follower.css({top:yp — $(".side").offset().top});

Comments

[The Whiz]

что-то выбрасывает ошибку. не очень понимаю

[The Whiz]

ха, я бы еще долго разбирался! Заработало, однако я бы еще хотел, чтобы кнопка «сидела» в пределах дива там где пользователь ее оставил. Почему она вылезает из дива при скролле?

Answer 3

[uadeveloper]

Вызелает потому, что у вас эта кнопка расположена в родительском елементе, а так как событие на родительский поставлено, то и все дочерние повинуются ) А так как указатель находиться над кнопкой, собитие работает.

Что бы останавливать меню в конце, то надо делать так:
alexeyshishkin.net/test/fiddle.htm

Если просто скрывать, то просто добавьте в section overflow: hidden

Comments

[The Whiz]

не хватает мягкости, но вариант хороший, спасибо!