<!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>