Как зарегистрировать смену свойства position у элемента?

Question

[Андрей]

Есть div элемент который может менять CSS свойство position (fixed/absolute) и становиться видимым(не видимым). Собственно вопрос: как средствами ТОЛЬКО JavaScript отловить смену CSS свойства?

<div class="flash" id="flash-messages"
       style="position: absolute; top: 100px;">
  </div>

Comments

[Алексей Ярков]

Как зарегистрировать смену позиции

Смену позиции относительно страницы или смену свойства position?

[Андрей]

Алексей Ярков: смену свойства position

Answer 1

[Сергей Соколов]

Попробуйте с MutationObserver, примерно так:

var observer = new MutationObserver( function(mutations) {
    mutations.forEach(function(mutationRecord) {
        console.log('стиль изменён');
    });    
});

var target = document.getElementById('flash-messages');
observer.observe(target, { attributes : true, attributeFilter : ['style'] });