985303-1b.html (591B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 #container { 6 position: absolute; 7 width: 200px; 8 height: 200px; 9 overflow: scroll; 10 } 11 #image { 12 width: 100px; 13 height: 100px; 14 margin: 100px; 15 background: blue; 16 display: inline-block; 17 } 18 #cursor { 19 position: absolute; 20 left: 0; 21 top: 0; 22 width: 10px; 23 height: 10px; 24 background: red; 25 } 26 </style> 27 </head> 28 <body> 29 <div id='container'> 30 <div style="position:relative"> 31 <div id='image'></div> 32 <div id='cursor'></div> 33 </div> 34 </div> 35 </body> 36 <script> 37 var x = image.getBoundingClientRect(); 38 cursor.style.left = '10px'; 39 </script> 40 </html>