Categories: Prototype Api

Prototype – 元素对象 cumulativeOffset() 方法

返回到:Prototype – 元素对象

此方法返回元素距文档左上角的偏移量。

此方法返回一个数组,保留元素的 offsetLeft 和 offsetTop。

请注意,所有值都以数字形式返回,尽管它们以像素表示。

语法

element.cumulativeOffset();

返回值

两个数字的数组 [offset left, offset top]。

例子

<html>
   <head>
      <title>Prototype examples</title>
      <script type = "text/javascript" src = "/javascript/prototype.js"></script>
      
      <script>
         function getOffset() {
            var firstElement = $('firstDiv');
            var arr = firstElement.cumulativeOffset();
            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>

返回到:Prototype – 元素对象

terry

这个人很懒,什么都没有留下~

Share
Published by
terry

Recent Posts

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

1 天 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

1 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

2 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

2 周 ago

聊聊React和Vue组件更新的实现及区别

React 和 Vue 都是当…

3 周 ago