<!DOCTYPE HTML>
<html>
<body>
<div class="scrollTop" style="height:100px; width:100px; overflow:hidden;
-moz-transform:scale(2.7); transform:scale(2.7); -moz-transform-origin:top left; transform-origin:top left;">
<div style="background:yellow;">
<div>Hello Kitty</div>
<div>Hello Kitty</div>
<div>Hello Kitty</div>
<div>Hello Kitty</div>
<div>Hello Kitty</div>
<div>Hello Kitty</div>
<div>Hello Kitty</div>
<div>Hello Kitty</div>
<div>Hello Kitty</div>
<div>Hello Kitty</div>
<div>Hello Kitty</div>
<div>Hello Kitty</div>
<div>Hello Kitty</div>
</div>
</div>
<script>document.body.getBoundingClientRect();</script>
<script src="scrolling.js"></script>
</body>
</html>