Co zrobić, aby tymczasowo zablokować przewijanie strony kiedy najedzie się nad div id"ajdi"?

Potrzebuję tego, ponieważ zrobiłem mapkę i gdy chcę ją powiększyć to przewija się strona.

W google chrome (i możliwe że operze/ie) np tak:
window.addEventListener('mousewheel', function (event)
{ event.preventDefault(); }, false);
W Fxie np. tak:
window.addEventListener('DOMMouseScroll', function (event)
{ event.preventDefault(); }, false);

Tutaj więcej: http://adomas.org/javascript-mouse-wheel/


Jeśli ktoś używa rozszerzenia zmieniającego działanie przewijania strony, warto dodać:
event.stopPropagation();

Czyli:
W google chrome (i możliwe że operze/ie) np tak:
window.addEventListener('mousewheel', function (event)
{ event.preventDefault(); event.stopPropagation(); }, false);
W Fxie np. tak:
window.addEventListener('DOMMouseScroll', function (event)
{ event.preventDefault(); event.stopPropagation(); }, false);