<!DOCTYPE HTML>
<html>
<body>
<div id="d" style="-moz-transform:scale(2); -moz-transform-origin:top left; border:10px solid black; height:100px; width:100px; overflow:hidden">
<canvas width="100" height="100" id="c" style="display:block"></canvas>
<div style="height:50px; background:blue;"></div>
<div style="height:50px; background:orange;"></div>
</div>
<script>
var c = document.getElementById("c");
var ctx = c.getContext("2d");
ctx.fillStyle = "yellow";
ctx.fillRect(0, 0, c.width, c.height);
var d = document.getElementById("d");
d.scrollTop = 75;
</script>
</body>
</html>