views:

756

answers:

1

I'm working on a canvas app embedded in a page. I have it so you can zoom into the drawing with the mousewheel but unfortunately this scrolls the page as it is part of an article.

Is it possible to prevent mousewheel scrolling on the window when I'm mousewheeling on a dom element?!

+2  A: 

Attach an event handler for mousewheel (Not Gecko) / DOMMouseScroll (Not IE) and prevent its default action (that is to scroll content):

if (element.addEventListener)
    element.addEventListener("DOMMouseScroll", function(event) {
        event.preventDefault();
    }, false);
else
    element.attachEvent("mousewheel", function() {
        return false;
    })

Hope this helps!

Sergey Ilinsky
Thank you. You're a legend!
and If the element is an iframe with *needed* scrollable content? what then? In that case this trick didn't work for me, doing this on the iframe object.
vsync