jQuery
$('body > header').on('webkitTransitionEnd oTransitionEnd msTransitionEnd transitionend', function(event) {
if (event.target && event.originalEvent.propertyName === 'height') {
console.log('height changed');
}
});
CSS переходит от высоты: auto к высоте: 100% и наоборот.
Это работает как и ожидалось в браузерах Chromium, но не в любом другом браузере. Например, в Firefox, когда я console.log(event.originalEvent.propertyName) перед параметром if, я получаю другие имена свойств, но не высоту.
Как мне заставить event.originalEvent.propertyName возвращать высоту, как это делают браузеры Chromium?
Это возвращает неопределенное значение во всех браузерах:
$('body > header').on('webkitTransitionEnd oTransitionEnd msTransitionEnd transitionend', function(event) {
var evt = event.originalEvent || event;
if (evt.propertyName === 'height') {
console.log('height changed');
}
});
Подробнее здесь: https://stackoverflow.com/questions/792 ... m-browsers
