Tutorials Point


  Learn Prototype
  Prototype Resources
  Selected Reading

Copyright © 2014 by tutorialspoint



  Home     References     Discussion Forums     About TP  

Prototype cumulativeScrollOffset() Method


previous next AddThis Social Bookmark Button


Advertisements

This method calculates and returns the cumulative scroll offset of an element in nested scrolling containers. This adds the cumulative scrollLeft and scrollTop of an element and all its parents.

This is used for calculating the scroll offset of an element that is in more than one scroll container (e.g., a draggable in a scrolling container which is itself part of a scrolling document).

This method return an array keeping offsetLeft and offsetTop of the element.

Syntax:

element.cumulativeScrollOffset();

Return Value:

  • An array of two numbers [offset let, offset top].

Example:

<html>
<head>
<title>Prototype examples</title>
<script type="text/javascript" 
   src="/javascript/prototype.js">
</script>
<script>


function getOffset(){
   firstElement = $('firstDiv');
   var arr = firstElement.cumulativeScrollOffset();
   alert ( "Offset Left: " +arr[0]+ " Offset Top : " +arr[0]);
}

</script>
</head>

<body>

   <p>Click getOffset button to see the result.</p>
   <div id="firstDiv">
      <p>This is first paragraph</p> 
   </div>

   <br />
   <input type="button" value="getOffset" 
             onclick="getOffset();"/>

</body>
</html>

To understand it in better way you can Try it yourself.



previous next Printer Friendly

Advertisements


  

Advertisements