Prototype-element-cumulativescrolloffset

提供:Dev Guides
移動先:案内検索

プロトタイプ-累積スクロールオフセット()メソッド

このメソッドは、ネストされたスクロールコンテナ内の要素の累積スクロールオフセットを計算して返します。 これにより、要素とそのすべての親の累積scrollLeftとscrollTopが追加されます。

これは、複数のスクロールコンテナー(たとえば、スクロールドキュメントの一部であるスクロールコンテナー内のドラッグ可能なオブジェクト)にある要素のスクロールオフセットを計算するために使用されます。

このメソッドは、要素のoffsetLeftとoffsetTopを保持する配列を返します。

構文

element.cumulativeScrollOffset();

戻り値

2つの数値の配列[offset let、offset top]。

<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>

出力