2012-04-18 5 views
0

Ну, я пытался создать компонент gui, который будет скользить вверх, когда вы переместите мышь в нижнюю часть страницы http://jsfiddle.net/62u3A/4/, но она не работает так хорошо, у кого есть хорошая идея, как заставить его работать лучше?JQuery + Knockoutjs GUI анимация

+1

Я думаю, что мой первоначальный ответ неверен (я удалил его), вы должны использовать mouseenter/mouseleave и stop.show/stop.hide, чтобы возобновить анимацию после изменения значения - http: // jsfiddle. net/62u3A/9/(показать/скрыть, чтобы гарантировать, что слайд начнется - он не запустится, если элемент находится в неправильном состоянии видимости) – Artem

+0

mouseleave, похоже, делает намного лучшую работу, что mouseout! спасибо за подсказку, плохо попробуйте его немного больше, когда я прихожу домой, но спасибо большое! – Peter

ответ

0

Добавить .stop() перед вашим .slideup()

jquery stop

jsfiddle

+0

Это заставило его работать лучше, но его не так, высота варьируется время от времени с этим решением. – Peter

0

Как для меня вы выбрали неправильные события для обработки. Я попробовал mouseenter/mouseleave - похоже, что он отлично работает. Остановка анимации также хорошая идея

Смежные вопросы