I have a Flash SWF being loaded into a PHP page that then is being loaded into a Facebook canvas. The FB page has content in the right side ad area that creates a vertical scroll bar regardless of the height of my game content. My game’s canvas has a fluid height in order to fully fill the content area of the canvas
There is a zoom feature in my game that is triggered by the mouse wheel.
When using the mouse wheel (to zoom in my game), this is also getting picked up by the browser to scroll the content. So I’m getting a simultaneous zoom/scroll effect going on which is undesirable to say the least.
THE SOLUTION (I THINK)
If the FB canvas content has no overflow, then it will not trigger scroll events via the mouse. It will however trigger mouse wheel events, which are necessary for triggering the scroll events via the mouse. By cancelling and stopping the propagation of the mousewheel event, you are stopping that event from reaching into the non-iFrame content owned by Facebook.
If you’d like to test this yourself, set up a FB app and use this as your app’s content HTML.