js获取元素到顶部距离，js获取当前元素的上一个元素

如何用jquery获得页面元素到窗口顶部的距离?

1、//假设元素ID为test，获取它到父元素的距离$( #test ).offset().top；//获取到父元素的距离。

2、首先在html页面上，看到有一个按钮，要获得这个按钮离顶部的距离。在按钮的事件函数里，先取这个按钮的offset数据，通过jquery的offset方法。得到的结果是一个数组对象，只要获取里面的top数据就行了。

3、设置多个标签，这样等会可以有更多选择。创建一个JS文档，并且与HTML文档关联。输入var test = document.getElementById( pp).offsetTop；document.write( test )。offsetLeft就能知道元素到顶部的距离。

4、scrolltop是jQuery中的一个方法，它可以设置 元素中滚动条的垂直偏移量。用法：scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。scroll top offset 指的是滚动条相对于其顶部的偏移。

5、创建加载完成函数，然后创建一个点击按钮获取当前id的函数。保存好html文件后使用浏览器打开，然后点击按钮即可看到点击的id。

6、#flag)； alert(flag.position().top)；//距离UI的上边距 50 alert(flag.position().top+flag.height())；//得到75，需加上自身高度 })；可以通过position方法获取。

相关问答

Q1: js或jquery怎样获取htm中div控件相对于页面的left和top值解决方_百度...

jquery设置一个div的坐标：\x0d\x0ajquery设置DIV坐标位置的方法是通过offset实现的。

首先在html页面上，看到有一个按钮，要获得这个按钮离顶部的距离。在按钮的事件函数里，先取这个按钮的offset数据，通过jquery的offset方法。得到的结果是一个数组对象，只要获取里面的top数据就行了。

这种问题的话，首先要确认你的offsetParent是谁，如果它的父级有设置position相对、绝对、fixed的话，那么offsetParent就是这个标签了，offsetLeft\Top就是相对于这个标签的位置了。

首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的script标签，输入js代码：$(body).append($(.name-price span).eq(0).find(b).text())；。

).left；获取相对(父元素)位置：var X = $(‘#DivID’).position().top；var Y = $(‘#DivID’).position().left；通过getBoundingClientRect方法获取对象位置，包含： left ， top ， right ， bottom 4个参数值。

getBoundingClientRect用于获取某个元素 相对于视窗 的位置集合。集合中有top， right， bottom， left等属性。offsetLeft指的是元素相对于 版面或 由 offsetParent 属性指定的 父坐标 的计算上侧位置，整型，单位像素。

Q2: 如何获取元素距离页面顶部的高度?

1、可以使用offset()方法来获取元素距离浏览器的边距，offset()方法返回或设置匹配元素相对于文档的偏移（位置）。

2、输入var test = document.getElementById( pp).offsetTop；document.write( test )。offsetLeft就能知道元素到顶部的距离。

3、在index.html中的标签，输入jquery代码：(body).append($(div).offset().top - $(window).scrollTop())；浏览器运行index.html页面，此时通过jquery获取到了页面div倒窗口顶部的距离。

4、首先在html页面上看到有一个按钮，要获得这个按钮离顶部的距离。在按钮的事件函数里先取这个按钮的offset数据通过jquery的offset方法。

5、css监听元素高度如下。页面渲染完成后(onReady函数里)去获取元素1在页面上距离顶部的高度fixedTop。用监听页面滚动函数onPageScroll得到当前页面滚动高度，高度是页面在垂直防线已滚动的距离(单位px)。

6、就是获取当前元素的offsetTop值，减去可视区域的高度和窗口卷起的高度。

Q3: 如何获取div距离浏览器顶部的高度,宽度,内容

(#aaa).offset().top； //jq获取aaa元素距离body的距离 document.getelementbyid(ddhdh).innerHTML 可以获取到div中的全部数据，包括标签。。

首先在html页面上，看到有一个按钮，要获得这个按钮离顶部的距离。在按钮的事件函数里，先取这个按钮的offset数据，通过jquery的offset方法。得到的结果是一个数组对象，只要获取里面的top数据就行了。

首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

关于js获取元素到顶部距离和js获取当前元素的上一个元素的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。