jquery距离顶部距离 div距离顶部距离属性

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

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

得到的结果是一个数组对象，只要获取里面的top数据就行了。使用log方法，把数据输出到浏览器的控制台。运行页面，看到现在的按钮位置。距离顶部估计是500px左右吧，点击一下这个按钮。

(obj).offset().top - $(window).scrollTop()。拓展：jQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。

您好：鼠标距离div上边的距离距=鼠标所在位置距离浏览器上边的距离-div上边离浏览器上边的距离。div离浏览器的的距离可以用js中的offsetTop方法获得。鼠标所在位置可以用js中的clientY来获得。

px；height：300px；background：#F66；font：normal 13px/30px \5FAE\8F6F\96C5\ 9ED1；text-align：center；top：10px；}。书写并添加js代码。这就完成了。

相关问答

Q1: jquery如何获得一个元素比如div的底部或顶部距屏幕顶部距离的象素值

jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多javascript高手加入其team，包括来自德国的Jrn Zaefferer，罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架。

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

打开sublime text3，也可以用其他编辑器，这里新建一个HTML文档作为示范。创建一下HTML文档的基本架构。设置多个标签，这样等会可以有更多选择。创建一个JS文档，并且与HTML文档关联。

(div).index(this).text()；改成$(this).text()；即可。不过你的div宽度是100%，从下往上移4会挡住其他的，除非你把浏览器缩小，从左边移进去。

Q2: jquery获取元素距离浏览器顶部的可视高度

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

getBoundingClientRect()最先是IE的私有属性，现在已经是一个W3C标准。

使用log方法，把数据输出到浏览器的控制台。运行页面，看到现在的按钮位置。距离顶部估计是500px左右吧，点击一下这个按钮。然后看一下控制台上的数据，得到距离为439的像素。

jQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。

Q3: jquery获取元素到屏幕底的可视距离

1、(obj).offset().top - $(window).scrollTop()。拓展：jQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。

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

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

4、有的，jquery有getboundingclientrect方法。getBoundingClientRect用于获得页面中某个元素的左，上，右和下分别相对浏览器视窗的位置。getBoundingClientRect是DOM元素到浏览器可视范围的距离（不包含文档卷起的部分）。

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

Q4: jquery滑动鼠标获取滚动条离顶端的距离

首先打开hbuilder编辑器，新建一个HTML文档，里面输入长篇的文字。然后在上方引入jQuery的脚本，编辑js脚本，使用bind方法绑定浏览器的scroll事件，监听网页滚动，之后用scrollTop()获取垂直滚动距离，最后弹出输出的值即可。

浏览器运行index.html页面，此时通过jquery获取到了页面div倒窗口顶部的距离。

你这个肯定不行啊，你在页面加载完成后就立即进行了判断，这个时候滚动条距离顶部为0。根本原因是你没有绑定滚动条的滚动事件。

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

Q5: jQuery中获取元素到页面可视区顶端距离有什么方法

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

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

3、jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多javascript高手加入其team，包括来自德国的Jrn Zaefferer，罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架。

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

5、var top = obj.getBoundingClientRect().top //元素顶端到可见区域顶端的距离 var se = document.documentElement.clientHeight //浏览器可见区域高度。

jquery距离顶部距离的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于div距离顶部距离属性、jquery距离顶部距离的信息别忘了在本站进行查找喔。