Window 'scrollLeft' Example : Window Scroll « Javascript Objects « JavaScript DHTML






Window 'scrollLeft' Example

 
    
<html>
<body>
<script language="JavaScript">
function function2() {
    myX.innerHTML = window.event.offsetX;
    myY.innerHTML = window.event.offsetY;
    mySX.innerHTML = window.event.screenX;
    mySY.innerHTML = window.event.screenY;
    mySH.innerHTML = myDiv.scrollHeight;
    mySW.innerHTML = myDiv.scrollWidth; 
}
function function1() {
    mySL.innerHTML = myDiv.scrollLeft;
    myST.innerHTML = myDiv.scrollTop; 
} 
</script>
<p>
   <b>X Coordinate:</b> 
   <span id="myX">0</span>
</p>
<p>
   <b>Y Coordinate:</b> 
   <span id="myY">0</span>
</p>
<p>
   <b>Screen X:</b> 
   <span id="mySX">0</span>
</p>
<p>
   <b>Screen Y:</b> 
   <span id="mySY">0</span>
</p>
<p>
   <b>Scroll Height:</b> 
   <span id="mySH">0</span>
</p>
<p>
   <b>Scroll Width:</b> 
   <span id="mySW">0</span>
</p>
<p>
   <b>Scroll Left:</b> 
   <span id="mySL">0</span>
</p>
<p>
   <b>Scroll Top:</b> 
   <span id="myST">0</span>
</p>
<div id="myDiv" 
     onmousemove="function2();" 
     onscroll="function1();" 
     style="border:solid; width:200; height:50; overflow:scroll;">
   <img src="yourimage.gif">
</div>
</body>
</html>

    
      
        
  








Related examples in the same category

1.Window 'scroll()' Example
2.Window 'scrollTo()' Example
3.Window 'scrollBy()' Example
4.Window 'scrollWidth' Example
5.Window 'scrollTop' Example
6.Window 'scrollHeight' Example
7.Move window by value
8.Move window to a position