Доработка выпадающего многоуровнего подменю, как решить проблему с пересечением мышки?

Question

[Антон Вебсайтовский]

Здравствуйте, пытался в заголовке суть описать, не знаю получилось или нет, приложу скрины и приведу примеры чтобы понятно был.

Меню по типу как на днс сайте, с выпадающим большим списком категорий.
Но на днсе сделано с умом, там когда мышку навел, вылезло подменю и если вести наискосок мышку по другим категориям то он не переключает сразу подменю, то есть не выводит список, как так сделать можно?

А то у меня на сайте если так вести, как только попадаешь на другое меню, он показывает другое подменю.

Скрин, отметил стрелочкой, если навести на меню, вылезло подменю и если я хочу провести мышкой наискосок, то он сразу не переключает на другое подменю.


Там задержка стоит, вот как такое сделать, сайт днса: https://www.dns-shop.ru/

Мой сайт, где я хочу это реализовать, https://stroymax25.ru/
Если провожу у себя так мышкой наискосок, то сразу переключает подменю.
Вот пример меню в работе:
https://jsfiddle.net/63yxg24z/7/

Какие есть варианты реализации данной задачи?

Answer 1

[RAX7]

Comments

[Антон Вебсайтовский]

Спасибо, простой и вроде неплохой вариант.

[Антон Вебсайтовский]

А что где еще добавили по мимо js, добавил на сайт, тестирую и чет ничего.

[RAX7]

Антон Вебсайтовский, css 51-65 строки. Пожалуйста.

[Антон Вебсайтовский]

RAX7, спасибо, а то я почти поставил https://github.com/kamens/jQuery-menu-aim

[Антон Вебсайтовский]

А я сделал вот так без js, но как-то скачет меню.
https://jsfiddle.net/63yxg24z/7/

[Антон Вебсайтовский]

RAX7, тестировал ваш скрипт, между прочим он работает плохо, если резко провести, водить туда сюда ! то подменю зависает и весит.

мышка не наведена.

[RAX7]

Антон Вебсайтовский, ¯\_(ツ)_/¯
я сколько мышкой не водил, всё работает.
На чистом css такое вряд ли сделаешь.

[Антон Вебсайтовский]

RAX7, да на js тож норма, ну вот смотри, проведи быстро вверх или по меню мышкой и влево, вылезает подменю и все и тупит ! хотя мышка вообще не на меню.

[Антон Вебсайтовский]

RAX7, ну что так и не вышло пофиксить косячек?

[RAX7]

Антон Вебсайтовский, нет, да и лень =)

[Антон Вебсайтовский]

RAX7, с наступающим, глянь пожалуйста, я просто поставил на сайт, а вот проблему решить эту не могу.
а так скрипт эт о хорошо, он не пересекается с эффектами анимации на сайте, с ссылками и т.д.

[RAX7]

Антон Вебсайтовский, вроде исправил, обновил ответ. С наступающим!

[Антон Вебсайтовский]

RAX7, а что правил только js?
да проблемы нет больше, большое спасибо.

[RAX7]

Антон Вебсайтовский, js 34 строка

Answer 2

[Антон Вебсайтовский]

Вот еще решение, на css

https://jsfiddle.net/63yxg24z/7/