Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Проверка текущего значения свойства “right” из JS (https://javascript.ru/forum/misc/64944-proverka-tekushhego-znacheniya-svojjstva-%E2%80%9Cright%E2%80%9D-iz-js.html)

pepel266 15.09.2016 11:52

Проверка текущего значения свойства “right” из JS
 
Элемент абсолютно позиционирован и имеет значение свойства right: -1100px установленное через CSS.
В момент некоего события (допустим клик по кнопке) ему присваивается CSS класс, в котором значение right установлено в 0 и, при помощи свойства transition, элемент начинает плавно двигаться.

Вопрос: Каким образом из JavaScript можно получить текущее значение свойства right во время движения от -1100px до 0.

Bond 15.09.2016 15:57

Надо самому двигать элемент через js что бы иметь доступ к его свойству во время движения.
Или говнокодом при запуске этого элемента с помощью setInterval периодически проверять его свойство через getComputedStyle(el).right пока он не остановится. :):) Значение будет получаться такого вида - -568.84px

pepel266 15.09.2016 16:19

А если попробовать через offsetLeft проверять смещение относительно offsetParent?

Bond 15.09.2016 16:45

Так вопрос не в том чем вычислять положение, вопрос в том как это делать. В js есть событие transitionend - срабатывает по окончании анимации - то есть вычислить можно начальное положение и конечное, а во время движения можно вычислять костылями. Проще сделать анимацию на js и контролировать каждый пиксель движения элемента.

pepel266 15.09.2016 17:10

Спс, я понял Вас.


Часовой пояс GMT +3, время: 14:02.