CODEWITHSUNDEEP
htmlflashscroll
Cameron
Cameron

Reputation: 98746

Prevent webpage from scrolling when scrolling inside a Flash object

I'm sure this must be a common question, but I haven't found an answer elsewhere.

I've got a Flash object embedded in a long webpage. I listen for the MOUSE_WHEEL event in Flash, and scroll my Flash content accordingly. However, when I scroll over the Flash object, the webpage also scrolls.

Is there any way to prevent this behaviour, i.e. lock the webpage's scrolling position when the Flash object has focus? I'd prefer not to have to use JavaScript.

Upvotes: 2

Views: 4083

Answers (2)

mattstuehler
mattstuehler

Reputation: 9282

Here is an excellent solution that doesn't require JavaScript:

http://www.spikything.com/blog/index.php/2009/11/27/stop-simultaneous-flash-browser-scrolling/

(Technically, it DOES use JavaScript, but the JavaScript is injected by Flash, so you don't need to add anything to the HTML page yourself. In other words, the only code you need to manage is AS3).

This seems to work on every browser I've tested.

Upvotes: 4

Raleigh Buckner
Raleigh Buckner

Reputation: 8393

I don not think this is possible without JavaScript.

You would need to communicate from the Flash movie to the browser using ExternalInterface whenever the Flash movie changes focus.

Then, have a JavaScript function on the page trap and eat the mousewheel event:

if (window.addEventListener)
    /** DOMMouseScroll is for mozilla. */
    window.addEventListener('DOMMouseScroll', handleWheelEvent, false);
/** IE/Opera. */
window.onmousewheel = document.onmousewheel = handleWheelEvent;

function handleWheelEvent(e){
    e.preventDefault();
}

Upvotes: 3

Related Questions