如何确定div顶部到当前屏幕顶部之间的距离?我只想要到当前屏幕顶部的像素距离,而不是文档顶部.我试过一些东西,比如.offset()
和.offsetHeight
,但我就是不能用脑子go 想它.谢谢
如何确定div顶部到当前屏幕顶部之间的距离?我只想要到当前屏幕顶部的像素距离,而不是文档顶部.我试过一些东西,比如.offset()
和.offsetHeight
,但我就是不能用脑子go 想它.谢谢
您可以使用.offset()
来获取与document
元素相比的偏移量,然后使用window
元素的scrollTop
属性来确定用户滚动了页面的深度:
var scrollTop = $(window).scrollTop(),
elementOffset = $('#my-element').offset().top,
distance = (elementOffset - scrollTop);
distance
变量现在保存着#my-element
元素顶部和顶部折叠的距离.
Here is a demo: http://jsfiddle.net/Rxs2m/
Note that negative values mean that the element is above the top-fold.