如何确定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.

Jquery相关问答推荐

如何在不使用点击事件 bootstrap 程序模式的情况下使用弹出窗口 bootstrap 程序显示用户详细信息?

如何使用 JQuery 将详细信息中的项目包装在容器中?

子 li 元素的点击事件

jQuery 或 JavaScript 中的$符号是什么意思?

寻找 jQuery 事件类型的完整列表

.trigger() 与 .click() 中的 jQuery 优势/差异

仅在 _some 字段上通过 Enter 键禁用表单提交

JavaScript 中的循环计时器

非 AJAX jQuery POST 请求

JSLint 消息:未使用的变量

在 800px 后在 scrollDown 上显示 div

你如何获得文本区域中的光标位置?

单击后如何禁用提交按钮?

即时替换 css 文件(并将新样式应用于页面)

如何使用 Javascript/jQuery 确定图像是否已加载?

判断文本框是否有空值

jQuery - 确定输入元素是文本框还是 Select 列表

$.ajax 的成功和 .done() 方法有什么区别

bootstrap 日期和时间 Select 器

jQuery append() 与 appendChild()