js如何获取两元素之间的距离，js获取元素相对位置

...或Jq获取DIV内元素相对于DIV元素滚动条顶部的距离?

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

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

3、$(div).offset().left//是标签距离右边高度（没有到下面的距离，比如$(div).offset().right）；$(document).scrollTop()；//是滚动条高度；$(div).height()；//是标签高度。

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

js获取div到body左侧距离

1、fixed的话，那么offsetParent就是这个标签了，offsetLeft\Top就是相对于这个标签的位置了。

2、在 JS获取div高度的方法 中，整理了几个有关于获取div高度的方法，后来又遇到一个问题，怎么获取DIV在页面中的绝对位置，因此在这篇笔记中记录一下。

3、新建一个html文件。在html页面上创建一个点击的button按钮。为button添加点击时创建一个新的div事件。

js设置元素div相对body的距离

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

2、如何设置DIV层的相对位置，解决办法：利用js代码首先创建一个div，document.createElement(div)确认div添加位置，可以在某个dom元素后面，或者通过css属性控制具体位置，主要通过left/top等属性控制。确定位置之后，显示div即可。

3、设置两个div之间的间距的方法：先定义两个div，div里面分别有一段话。分别给两个div加上不同的背景色，方便看到div的位置。设置div的margin；使两个div之间的间距扩大。这样让两个div之间的间距扩大的问题就解决了。

4、一下是相关代码，JS中定义的变量margin就是你所说的每个div的间距，这样你就不用去设置margin-right了。

5、应该用相对定位，而不是上面说的用绝对定位：div{postion：relative； //相对定位top：80px； //向下移动100像素} 使用相对定位后，设置的top值决定了div相对于原来所在的位置向下或向上移动。

6、在 JS获取div高度的方法 中，整理了几个有关于获取div高度的方法，后来又遇到一个问题，怎么获取DIV在页面中的绝对位置，因此在这篇笔记中记录一下。

js如何获取两元素之间的距离的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js获取元素相对位置、js如何获取两元素之间的距离的信息别忘了在本站进行查找喔。