javascript - 変更された要素の位置を検出する方法は?

Question

div-Aがdiv-Bに対して相対的な位置にある状況を考えてみましょう(実際には、div-Aは異なるZ-Indexによってdiv-Bの上に移動しています)。div-Bの位置が変わると、その前にdiv-Cが挿入され、div-Aが非表示になります。

問題は、 div-Bの位置の変化をどのように検出するかです。

Answer 1

それがウィンドウのサイズ変更の場合、またはユーザーの操作 (クリックなど) によって引き起こされた場合window.onresize = function(){}は jQueryの場合、すべてが依存するため、div が移動する可能性があります。問題のdivの。ajax 呼び出しによって挿入された新しいコンテンツが原因である場合:ハンドラーにそれを整理させます。繰り返しますが、できればクロージャを使用して位置を初期値と比較します$(window).resize(function(){});
document.body.addEventListener('click',function(){},false);
onreadystatechange

もっと簡単な CSS3 の方法があるかもしれません。私はデザイナーではないので、よくわかりません。また、これまでに試したことのフィドルを設定して、ページがどのように見えるかを確認してください。そして、この問題についてもう少し正確に説明してください。あなたの質問はひどく漠然としています。よくある質問を読む

Answer 2

jquery で $.position メソッドを使用できます。

  $('#element_id').position().left;
  $('#element_id').position().top;

setInterval()それらを変数に保存し、メソッドを使用して変化するかどうかを積極的に監視するだけです