3 ms·
I don't get why is detecting the mouse direction necessary in the case of the Amazon dropdown; I can see the utility in the Bootstrap example that the article h
by Mahn 14y ago
I don't get why is detecting the mouse direction necessary in the case of the Amazon dropdown; I can see the utility in the Bootstrap example that the article highlights, but if the dropdown menu and its submenus both fit in a perfect square, wouldn't it be enough to detect whether the cursor is inside of either the menu or the submenu to properly show/hide the dropdown and its submenus? What are the drawbacks of this method compared to detecting the mouse direction like the article suggests?
- spicyj 14y agoIf you move your mouse straight down within the left side, the submenu should change immediately.
- Mahn 14y agoPretty sure that's possible without tracking the direction of the mouse, by simply not hiding/showing the submenu but changing its contents when the mouse hovers over a different menu element.
- spicyj 14y agoNo, because you can pass through another menu item on the left without meaning to change the submenu on the right: https://raw.github.com/kamens/jQuery-menu-aim/master/amazon.png https://raw.github.com/kamens/jQuery-menu-aim/master/amazon....
- salman89 14y agoThe issue is that when you are hovering over a menu item, and you are aiming to hit a submenu item that is not directly to the right of the menu item. For example, if you are hovering over a menu item and wish to select a a submenu item that is to the right and down the screen, you will take a down-right path UX wise. Normally this would trigger the menu items below (before you make it to the submenu) and thus change the submenu items.
- Mahn 14y agoAh, I see it now, that makes sense, thanks for the clarification.