jquery滚动条距离顶部 jquery 获取滚动距离

jquery获取滚动条高度和位置

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

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

3、Jquery可以用height()，来获取DOM元素的高。

相关问答

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

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

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

由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中，有59%使用了jQuery，是目前最受欢迎的JavaScript库。

Q2: jquery怎么判断滚动条的位置

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

可以将DIV的滚动条滚动到其子元素所在的位置，方便自动定位。

(#ability).offset().top这个值在你滚动滚动条的时候，是不会变的。应该是$(#ability).scrollTop()。

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