Hier vast iets simpel, maar ik kom er even niet uit! Ik heb een simel jquery scriptje gemaakt waarbij een menu verschijnt als je over een bepaald deel van het scherm komt met je cursor. Wanneer je over dit deel komt wordt het menu geanimeerd en een zone onder het menu getoggled die 'de-hover' heet. Op die 'de-hover' zone zit een mouseleave event, zodra je met je muis dat stukje verlaat verdwijnt het menu weer.
Ik heb dit op deze manier gedaan zodat het menu blijft staan wanneer je met je muis naar de adresbalk navigeert en het menu verdwijnt als je x aantal pixels onder het menu terecht komt. Het probleem is nu, dat wanneer je je muis over de de-hover zone houdt en daarna naar boven navigeert, het menu ook verdwijnt, wat weer net niet de bedoeling is.
Hier een Jsfiddle http://jsfiddle.net/4PDdU/1/
Wat zou een slimme aanpak zijn om te zorgen dat het menu alleen verdwijnt wanneer je naar beneden scrollt? Is dat iets waar ik bijv. mouse position voor zou kunnen gebruiken, of zijn er simpelere maieren voor? Bedankt alvast.
Ik heb dit op deze manier gedaan zodat het menu blijft staan wanneer je met je muis naar de adresbalk navigeert en het menu verdwijnt als je x aantal pixels onder het menu terecht komt. Het probleem is nu, dat wanneer je je muis over de de-hover zone houdt en daarna naar boven navigeert, het menu ook verdwijnt, wat weer net niet de bedoeling is.
Hier een Jsfiddle http://jsfiddle.net/4PDdU/1/
Wat zou een slimme aanpak zijn om te zorgen dat het menu alleen verdwijnt wanneer je naar beneden scrollt? Is dat iets waar ik bijv. mouse position voor zou kunnen gebruiken, of zijn er simpelere maieren voor? Bedankt alvast.