Javascript 偏移（）

因此，我试图通过javascript/jquery执行一些计算，以使我的webapp中的元素具有响应性。我知道通过使用

object.offset（）.top

我能够获得内容顶部和对象顶部之间的像素数。然而，我的设计的一部分是，某些元素会粘在屏幕顶部，而其余部分则会滚动过去，然后

object.offset（）。top

不再像以前那样有用

我想知道的是：是否有一种方法可用于确定我的对象与用户屏幕顶部之间的距离（而不是对象与我的内容顶部之间的距离）？我正在使用最新版本的Chrome

干杯

是否有一种方法可用于确定我的对象与用户屏幕顶部之间的距离

是的，有：

返回的值是一个TextRectangle对象，它包含只读的

left

、

top

、

right

和

bottom

属性，以像素为单位描述边框框。top和left是相对于视口的左上角的

我在这里做了一个（不止）粗糙的例子，–将红色框滚动到视图中，然后单击它–每次单击时，它都会记录要控制台的

TextRectangle

对象，您会看到

top

和

left

值与视口相关。（JSFIDLE结果帧的视口，即–转到以在完整窗口中查看。）

---

如果滚动该框，使其在“顶”视口边框上部分离开视图，使其仅下部可见，则也将获得负值

top

。（如果您有一个布局，其中元素可能会从视图中向左滚动，

left

也会发生同样的情况。）

必须使用window scrollTop和OffsetHanks来花时间进行此操作。我要试一试。