js获取动态transition控制的transform:translate值问题

Question

当滑动页面时，触发transform:translate3d(x,x,x)的改变，同时使用了transition过渡效果。现在，想在页面滚动时，点击页面，获取当前状态下的transform:translate3d(x,x,x)值，可是每次都是获取的最终结果值，js可以获取transition运动过程中的translate值吗？

Answer 1

可以通过transitionrun回调来获取transition属性

el.addEventListener('transitionrun', () => {
  //
});

https://developer.mozilla.org...