javascript - div使用css3 transform做位移动画,js能实时获取div的位置吗?
大家讲道理
大家讲道理 2017-04-11 09:02:09
0
1
498

首先想知道,既然有css动画播放结束的事件(webkitTransitionEnd),那有没有动画播放中的事件?

第二想知道的是,用jq获取动画的transform值($('p').css('transform'))得到的是这样的matrix(1, 0, 0, 1, -298.05, -60)但是原来的值应该是translate(-179.025px, 74.55px)这涉及两种表示方式互相转换的算法,这个算法是怎样的?


经测试,用$('p')[0].style.transform来获取p的实时位置是不符合需求的。它获取的并不是p实时的位置,而是css设置的位置

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

reply all (1)
刘奇

window.getComputedStyle(elem).getPropertyValue("transform")可以得到实际的transform值

Demo如下:

  

    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template
    About us Disclaimer Sitemap
    php.cn:Public welfare online PHP training,Help PHP learners grow quickly!