HTML 페이지에서 요소에 대한 스타일 변경 (여백, 패딩, 높이 등), 삽입 또는 제거의 여러 가지 이유로 요소의 위치를 변경할 수 있습니다. 다른 요소 또는 다른 요소의 스타일 변경MutationObserver를 사용하여 HTML 요소의 offsetTop 속성을 관찰 할 수 있습니까?
jQuery 대화 상자가 항상 앵커 옆에 배치되도록해야합니다. 따라서 앵커가 이동하면 대화 상자도 이동합니다. 그러나 대화 상자가 표시되는 페이지를 제어하지는 않습니다 (일부 JS 동적 삽입). MutationObserver를 사용하여 요소의 offsetTop 속성 (및 부모 요소 모두)에 대한 변경 사항을 관찰 할 수 있다고 생각했지만 offsetTop 변경은 돌연변이 이벤트를 발생시키지 않는 것으로 보입니다.
누군가가 offsetTop 변경으로 인해 돌연변이 이벤트가 발생하지 않거나 오프셋 톱을 어떻게 볼 수 있는지 확인할 수 있습니까?
대화 상자가 앵커와 함께 유지되도록하는 다른 기술이 있다면, 나는 모든 귀가지만, 대화 상자 만 제어한다는 제한을 알고 있어야합니다. :)
뿐인 : 다음의 바이올린에
는 "마진 '버튼을 클릭 이것이 재배치를 트리거링 style 특성이 변화하는 원인 앵커 부재의 마진 탑을 수정한다. 그러나 offsetTop 속성이 변경된 경우에도 다른 버튼을 클릭해도 위치가 변경되지 않습니다. position() 함수를 호출하려면 다른 두 개의 버튼이 필요합니다.
http://jsfiddle.net/ustmssx7/2/
CONSTRAINTS
나는 HTML이나 자바 스크립트를 제어하지 않습니다 - 내 JS의 GET의 다른 사람의 페이지에 주입, 그래서 나는 매우 내가 할 수있는 것을 제한하고있다.
FALLBACK
내 대체 솔루션은 window.anchor.offsetTop 100ms마다 정도를 설문 조사, 그리고 그것을 변경하는 경우 위치를 변경하는 것입니다. 그러나 폴링은 싫어서, 대신 이벤트에 반응 할 수 있다면 훨씬 더 좋을 것입니다.