js获取距顶部距离，js获取元素距离浏览器顶部的距离

js怎么去获取网页的Y轴离页面头部的距离

可以通过传递参数获取。document.body.scrollTop是网页被卷去的高，具有 DTD 时用 document.documentElement.scrollTop 代替 document.body.scrollTop ，否则取不到值。Firefox和其他的浏览器使用event.pageX和event.pageY来表示鼠标相对于document文档的位置。

若要想判断js window.scroll是否滚动到底部，需要用的三个属性值，它们分别是：scrollTop、clientHeight和scrollHeight；scrollTop为滚动条在Y轴上的滚动距离。clientHeight为内容可视区域的高度。scrollHeight为内容可视区域的高度加上溢出（滚动）的距离。

html编辑器、浏览器。首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签，输入js代码：var e = event || window.event；document.body.innerText = e.clientX + ， + e.clientY；。浏览器运行index.html页面，此时会打印出鼠标的当前位置坐标。

如果要兼容浏览器，最好使用一个库来实现，用鼠标的页面位置减去图片的页面位置就行了。

THREE.js实现在x，y，z轴上的拖拽需要用户注册拖拽控件。

相关问答

Q1: 简单js获取对象到浏览器顶部距离问题

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

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

3、您好：鼠标距离div上边的距离距=鼠标所在位置距离浏览器上边的距离-div上边离浏览器上边的距离。div离浏览器的的距离可以用js中的offsetTop方法获得。鼠标所在位置可以用js中的clientY来获得。这样相减后就是鼠标离div上边的距离。

4、首先在html页面上，看到有一个按钮，要获得这个按钮离顶部的距离。在按钮的事件函数里，先取这个按钮的offset数据，通过jquery的offset方法。得到的结果是一个数组对象，只要获取里面的top数据就行了。使用log方法，把数据输出到浏览器的控制台。运行页面，看到现在的按钮位置。

5、outerHeight属性设置或返回一个窗口的外部高度，包括所有界面元素（如工具栏/滚动条）。outerWidth属性设置或返回窗口的外部宽度，包括所有的界面元素（如工具栏/滚动）。innerheight 返回窗口的文档显示区的高度。innerwidth 返回窗口的文档显示区的宽度。

Q2: ...定位的子元素怎么用js获取子元素到网页顶部的距离

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

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

3、我自己写的一个getElementsByClassName()函数，详见http：//hedgehogking.com/？p=203 第二个if，判断浏览器是否为IE，然后利用currentStyle和getComputedStyle兼容各种浏览器，获取元素高度 第三个if，当元素没有设定高度时，在IE下，其值为auto，其他浏览器则可以正常读取。

4、首先在html页面上，看到有一个按钮，要获得这个按钮离顶部的距离。在按钮的事件函数里，先取这个按钮的offset数据，通过jquery的offset方法。得到的结果是一个数组对象，只要获取里面的top数据就行了。使用log方法，把数据输出到浏览器的控制台。运行页面，看到现在的按钮位置。

5、如何用JavaScript获取/计算页面元素的offset 问题 通过点击一控件，在控件的下面显示一个浮动层，通常的做法是：获取此控件的offset值，再计算出浮动层的top，left等css属性的值，赋值即可。那么下面就看一下如何获取控件的offset值。纯JS的实现 首先想到的是这样的一段js。

6、浏览器。首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。在index.html中的标签，输入jquery代码：(body).append($(div).offset().top - $(window).scrollTop())；浏览器运行index.html页面，此时通过jquery获取到了页面div倒窗口顶部的距离。

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