js获取div距离页面顶部距离，js获取div文本内容

求JS高手!DIV上面的边到鼠标的距离的问题!!!

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

解决的办法是当触发onmouseout事件时，先判断鼠标是否在div内，如果在，说明鼠标并没有离开div，就不删除div，否则，删除之。OK，现在问题解决了。就是找到该div左上角和右下角坐标，判断鼠标的坐标是否在这一区域就可以了。

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的script标签，输入js代码：var e = event || window.event；document.body.innerText = e.clientX + ， + e.clientY；。

可以这样理解，这是一个鼠标移动事件，当你的鼠标移动时div就有了left和top了。

相关问答

Q1: 使用js或jq控制一个div,当滚动到页面顶部的时候固定在顶部,离开可继续...

可以设置div的scrollTop值。div当中有滚动的时候，设置scrollTop可以滚动到指定的滚动顶部位置。如果需要动画，可以使用css3的过渡或者动画函数，jquery可以用animate函数。

你要的应该是拖拽效果，可以通过jq插件做 http：//基本原理就是鼠标按下修改div的left和top（或者right/bottom）。鼠标离开不变。

首先需要新建一个HTML文档，这里设立一下基本的架构。再新建一个CSS文件，用link关联一下HTML文档。创建DIV标签，并且往里面填充内容。先设定一下滚动条内框的大小。

然后在html文件中，有图中的代码，引入css文件和设置一个div标签。然后这里是css样式文件，主要看图中红框中内容，使用fixed定位方式。然后运行项目后，可以看到div在右下角。

JS或者jquery设置滚动条回到顶部的方法：返回顶部：设置为body的scrollTop为0 滑动效果：animate（Jquery的自定义动画）备注：returnTop为触发返回顶部的元素ID。

，在样式中，首先在菜单中定义一些样式。4，此时，在运行页面时，滚动条滚动后导航将消失。5，为了将导航栏固定在顶部，可以添加样式位置：固定；最高：0；在导航容器中，键是第一个样式，因此其位置是固定的。

Q2: js获取某个div离浏览器头部的位置

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

您好：鼠标距离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；}/style。书写并添加js代码。script src=js/jquery.js/script。这就完成了。

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

可以这么试一下 在你的页面上某个位置放一个div或者就用你页面上已有的某个元素也行，当用户滚动的时候这个div相对于浏览器的顶部或底部的距离肯定会变化，然后你通过这个距离来判断用户浏览到当前页面的什么位置了。

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

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

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

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

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

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

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

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

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

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

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