@GovnoKoder_ITS
Мне 16 лет, начинающий front-end разработчик

Почему после открытия меню, оно дергается вверх вниз?

Всем, привет.

При наведении на li у меня открывается меню
60ab75f6ecc2f489492919.jpeg

Но, если я опускаю курсор чуть ниже, то он начинает дергаться/
60ab771d10e4f304700472.jpeg

Ссылка на сайт: lunamag-articles.malevich-web.ru/kinderbuecher-zum...

Видео:
https://radikal.ru/video/sl7a41GgqaE

js:
$('.menuWrapper .menu > li').hover(
        // Открытие меню
        function() {
            $( this ).children('.menuDropdown').slideDown(); //Открывает меню
            console.log($( this ).children('.menuDropdown').is(':hover'));

            // Убирает подчеркивание
            if ($(this).hasClass('current-menu-item')) {
                $('.current-menu-item').addClass('disabled');

            }
            $(this).addClass("active");
            imgOrientation2();
        }, function() {
            // Закрытие меню
                $( this ).children('.menuDropdown').slideUp();
                $('.menu li').removeClass("active");
                $('.current-menu-item').removeClass('disabled');
                $( ".menuDropdown .articleListing .item .banner img" ).removeClass();
            },


    );
  • Вопрос задан
  • 69 просмотров
Решения вопроса 1
@GovnoKoder_ITS Автор вопроса
Мне 16 лет, начинающий front-end разработчик
Короче, это происходит из за того, что мышка наводится и отпускается от меню, тем самым в очередь становятся новые анимации. Все, что нужно сделать, это добавить .stop(). Тогда анимация будет просто прирыватся.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@bqio
https://github.com/bqio
Зачем Вам столько JS для такой простой задачи? Попробуйте использовать только HTML + CSS. Вот базовый пример, анимации сами подкрутите.

https://jsfiddle.net/m2twgn3f/
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы