JS 獲取css transform中的值

可以參考這位博主的文章 https://www.cnblogs.com/zhenwoo/p/4993780.html

不想看直接想看怎么解決的看這：

var translates=
document.defaultView.getComputedStyle(document.getElementById('nav'),null).transform;
//matrix(1, 0, 0, 1, 100, 0)

var x = parseFloat(translates.substring(7).split(',')[4]);

// 100  X橫坐標的值

簡單說一下Number.parseFloat(string)：（方法可以把一個字符串解析成浮點數，給定值被解析成浮點數，如果無法被解析成浮點數，則返回NaN）

parseFloat("10x")
// 10

注意：是字符串參數（當然如果本身就是數字的話，輸出的還是數字（但其實是會被轉換為string先也就是強轉換，加上js  類型是不定的，或者說js 常量類型是根據 最終值決定的~ ））

 

結束~