Как получить значение transform jquery?

Question

[denidip]

Подскажите как отслеживать изменения в style="transform: translate3d(256px, 0px, 0px);" а именно нужно получать изменение значения, там где сейчас 256...
Такая конструкция:

$transform = $('#panel').css('transform');
      $('div#text').text($transform);

Возвращает и то только 1 раз:
matrix(1, 0, 0, 1, 0, 0)
И не понятно как с этим работать...

Answer 1

[y0u]

jsfiddle.net/andrew_y0u/gm6945a0

Comments

[denidip]

Здорово, спасибо огромное, только может быть подскажете как отслеживать это значение real time а не только 1 раз при загрузке страницы?

[y0u]

denidip: обновляйте скрипт каждую секунду, например.
Оберните то, что я написал в какую-то функцию и напишите setInterval(functionName, 1000);

[y0u]

denidip: кстати, я не опытный фронтенд-разработчик, я javascript только учу и ответ на Ваш вопрос я нашел пользуясь google. Не стесняйтесь, ищите там.

[Александр]

Очень жаль что удалили скрипт уже ( Как раз тоже самое нужно получить значение -447px в transform: translate(0px, -447px) translateZ(0px);

[y0u]

Александр: для данной конкретной ситуации подойдет следующее решение:

var style = $('.style').css('transform');
var value = style.match(/-?[\d\.]+/g);
console.log(value[5]); // значение -447

[Александр]

y0u: Спасибо!