985303-1a.html (544B)
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 id='image'></div> 31 <div id='cursor'></div> 32 </div> 33 </body> 34 <script> 35 var x = image.getBoundingClientRect(); 36 cursor.style.left = '10px'; 37 </script> 38 </html>