hysteresis.js
 

Hysteresis


Is het je nooit eens opgevallen dat menu's op web-pagina's (hoe mooi ze er vaak uit ook zien) een beetje irritant werken? Zo gauw je de cursor er af haalt, is het menu verdwenen.

Het sleutelwoord hiervoor is hysteresis. Als de cursor het menu verlaat, dan duurt het even voordat het menu verdwenen is. Hierdoor hoef je minder nauwkeurig met de muis te werken.

Op deze pagina heb ik een demo-implementatie hiervan gemaakt. Deze demo heeft alleen een "verberg-hysteresis" (het duurt even voordat het menu verdwenen is). Je zou ook een "toon-hysteresis" kunnen maken (zie voorbeeld): het duurt dan even voordat het menu verschijnt, zodat de pagina minder zenuwachtig wordt.

Voor meer (theoretische) informatie over hysteresis, verwijs ik naar een (engelstalig) verhaal op Mackido.

Waarom is dit zo'n raar menu? Kijk maar eens op NRC Handelsblad.