If you ’ve ever been astounded by just how degenerate and responsive Amazon ’s drop - down menus are , you ’re not alone . But Ben Kamens , spark advance developer at the Kahn Academy , resolve to work out how Bezos and co do it — and it ’s genuine stealthy .
You see , most drop - down menus include some time lag to give you time to move the pointer without the sub - menu disappearing as you do so . Not Amazon . Kamens explain :
They get away with this by detecting the direction of the pointer ’s path . At every view of the pointer you’re able to image a triangle between the current black eye position and the upper and lower right corners of the dropdown menu . If the next shiner position is within that triangle , the user is probably moving their cursor into the presently expose submenu . Amazon uses this for a nice effect . As long as the cursor stay on within that blue trilateral the current submenu will stay open . It does n’t count if the cursor hover over “ Appstore for Android ” momently – the user is plausibly heading toward “ Learn more about Cloud Drive . ”
The result ? menu that seem far faster than others on the web . Sneaky . [ Ben KamensviaVerge ]
Images by Ben Kamens
AmazoncodingInternet
Daily Newsletter
Get the best tech , scientific discipline , and civilisation news in your inbox daily .
News from the future , deliver to your present .
Please select your desired newssheet and pass on your e-mail to raise your inbox .
You May Also Like
