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

首先想知道,既然有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设置的位置

大家讲道理
大家讲道理

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

모든 응답 (1)
刘奇

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

Demo如下:

  

    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿
    회사 소개 부인 성명 Sitemap
    PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!