Mouse scroll wheel conflicting with liquid scaling

[MPete]

This is a partial contribution that needs completing, please help! I LOVE rolling the middle mouse button to zoom in and out. BUT My page is long and requires scrolling so while I zoom in and out of my MegaZine, the browser window is also scrolling.

So here's a snippet that turns page scrolling off for your MegaZine page:

PART 1:

Code: [Select]

<script language="javascript" type="text/javascript">
allowScroll = false;
document.body.style.overflow=allowScroll?"":"hidden";
</script>

This is all good but I want to be able to toggle the allowScroll variable - when the mouse is over the megazine, allowScroll = false and if outside of the book, allowScroll = true;

Is there an output or link to know when the mouse is over the book or not?

[Florian Nücke]

How about adding "onmouseout" and "onmouseover" event callbacks to the <object> in the DOM that represents the Flash element?
If you use the default variant as in the releases, the thing would have an id of "megazine", so you could do this:

Code: (javascript)

// Setter utility
function setAllowScroll(value) {
    document.body.style.overflow=value?"":"hidden";
}
setAllowScroll(false); // initial value
 
// Listeners for over / out of Flash content.
document.getElementById("megazine").onmouseover = function() {
    setAllowScroll(false);
}
document.getElementById("megazine").onmouseout = function() {
    setAllowScroll(true);
}

Not sure how robust that would be, though...

[brc_ragnaroek]

I tried it, works somehow... but whenever the function is called, the book starts loading again....