OK, regarding... the demo of Scriptaculous' Effect.Move which can be found here
<style type="text/css">
a#move_demo { background:#fa0000; color:#fff; padding:5px; border:1px solid #000; }
</style>
<div class="demo">
<a href="#" id="move_demo" onclick="new Effect.Move(this, { x: 60, y: -30 }); return
false;">Click me for a demo!</a>
</div>
With a single page containing that, document.viewport.getHeight() returns 32, while for width, it's fine.
Why is this the case? Shouldn't it be the height of viewport, not the height from top of the document to the bottom?
Is there a workaround?
Thanks.