javascript - jQuery事件来检测元素位置何时改变

Question

我想知道是否有一个 jQuery 事件可用于确定特定 DIV 的top属性何时发生更改。

例如，我在 DIV 上方有不可见的内容。当该内容变得可见时，DIV 将向下移动。我想捕获该事件，然后使用该offset()函数获取 X/Y 坐标。

Answer 1

简单的答案是 DOM 中没有用于检测布局更新的事件。

在我看来，您有几个选择：

1. 民意调查，讨厌，但它可能会根据您的更新频率要求而起作用。

2. 利用任何事件导致不可见的 DIV 改变大小并在该处理程序中执行您需要执行的任何操作

---

我会纠正自己。

我查看了 DOM 并注意到了 DOMAttrModified 事件并发现了这个JQuery 插件，您可以利用它来做您想做的事情。

正如文章所提到的，它在 IE 和 Firefox 中运行良好，但在 WebKit 中似乎存在问题。

Answer 2

我认为你应该能够做到：

$(document).ready( function (){
  $("#mydiv").bind("movestart", function (){ ...remember start position... });
  $("#mydiv").bind("moveend", function (){ ...calculate offsets etc... });
});

Answer 3

$("#someId").resize(function () {

// your code

});