Jquery中⽤offset（）.top和offsetTop的⽐较
今天，想测试⼀个div与顶部的距离，⽤的是.offsetTop，但是offsetTop获得的值，怎么都打印不出来。折腾了半天，打印的结果都是undefined，虽然⽹上很多资料都说返回的是数值。虽然这个函数永不了，但是黄显钦到了⼀个可以替代offsetTop的函数。那就是jquery的offset().top
jquery滚动条滚动到底部我们先来了解⼀下，什么是offset（）.top和offsetTop？
offsetTop
解析⼀：
假设 obj 为某个 HTML 控件。
obj.offsetTop 指 obj 相对于版⾯或由 offsetParent 属性指定的⽗坐标的计算上侧位置，整型，单位像素。
解析⼆：
当前对象到其上级层顶部的距离.
不能对其进⾏赋值.设置对象到页⾯顶部的距离请⽤p属性.
这是从⽹上到的两种解析，您看着⽤，我也没搞懂，主要是打印不出offsetTop来。
如果需要获取当前元素到document的⾼度，建议使⽤jquery的offset().top。下⾯我们解析⼀下offset().top。
offset().top
offset()的top是指元素与document的上边的距离，⽽不是浏览器当前窗体的上边缘，如图1。
图1：document⾼度超过window，浏览器出现滚动条，滚动滚动条，提交按钮的offset不变。
图2：document中的div有滚动条，提交按钮的offset随div的滚动变化⽽变化，与document⽆关
从上⾯这两个图，我们就知道jquery的p的⽤法区别了。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。