<!DOCTYPE html> <html> <head> <style> #container { position: absolute; width: 200px; height: 200px; overflow: scroll; } #image { width: 100px; height: 100px; margin: 100px; background: blue; display: inline-block; } #cursor { position: absolute; left: 0; top: 0; width: 10px; height: 10px; background: red; } </style> </head> <body> <div id='container'> <div id='image'></div> <div id='cursor'></div> </div> </body> <script> var x = image.getBoundingClientRect(); cursor.style.left = '10px'; </script> </html>