Отслеживание параметра свойства -webkit-transform у элемента через javascript?

Question

[Анна Бакурова]

Необходимо отследить чему равен -webkit-transform у всех классов item-slider и у которого он равен translate(0px, 0%) высчитывать index(). Всё бы ничего но вывела в консоль значение transform а оно мне показывает что то вроде matrix(1, 0, 0, 1, 0, 0) и меня такое вводит в тупик . Как составить такое условие?

Answer 1

[Сергей Протько]

css-tricks.com/get-value-of-css-rotation-through-j... - суть должна быть понятна.

Comments

[Анна Бакурова]

TypeError: Cannot read property 'getPropertyValue' of null выдаёт но там же в коде и прописано var st = window.getComputedStyle(el, null);

[Сергей Протько]

@Libris, а у вас случайно не выставлен display: none у элемента? насколько я помню в этих случаях getComputedStyle может вернуть null.

[Анна Бакурова]

нет test.cuberto.ru/libris/index.php Мне нужно отследить -webkit-transform 0 0 так как такой параметр у "активного" слайда и в зависимости от числа (индекса) активного слайда установить активный пункт у левого меню. Так как тот кто писал плагин ишак и не ввёл параметр для добавления активного слайда (или ишак Я так как в api не нашла такого). Вот кстати ссылка на него может сталкивались https://github.com/Prinzhorn/skrollr

[Анна Бакурова]

что то вроде такого не идёт

$(window).on('scroll', function(){
var indexActive = Math.round($(window).scrollTop()/$(window).height());
$('.nav li').eq(indexActive).addClass('active').siblings().removeClass('active');
});

так как у меня поддержка тач устройств

[Сергей Протько]

@Libris, ну я не думаю что это решит проблему с мобильными устройствами. Все эти штуки типа getComputedStyles и прочее очень дорогие операции, и на всяких андроидах это будет безбожно глючить.

Сходу по исходнику не нашел такой возможности, хотя можно ее добавить. Добавьте ишус автору, судя по всему он оперативно отвечает.

[Анна Бакурова]

ок, но вообще мне только для планшетов нужно для телефона там нет уже такой навигации