css3 - 獲取translateX的值
問題描述
如何獲取translate的值？
問題解答
回答1：你這沒寫清楚吧
回答2：用正則不就行了:
’translateX(-230px)’.match(/translateX((.*))/)[1]回答3：
你這是內(nèi)聯(lián)樣式吧，外部的這樣寫出來的不是一個矩陣嗎
回答4：試著用jquery方式獲取$(el).offset().left，可以正常獲取translateX的數(shù)值。
看了下jquery的offset()方法，還是蠻有收獲的~
計算公式：
box.left + ( win.pageXOffset || docElem.scrollLeft ) - ( docElem.clientLeft || 0 )
box是$(el)的定位對象( win.pageXOffset || docElem.scrollLeft )是窗體左偏移量( docElem.clientLeft || 0 )是document左偏移量
offset()用到了好幾個之前自己完全沒印象的瀏覽器DOM自帶的屬性，ownerDocument, defaultView, pageYOffset, pageXOffset，真是TM越學越覺得自己知道得少。
關鍵函數(shù)：node.getBoundingClientRect()這個函數(shù)巨屌無比，直接返回一個包含DOM位置及大小的對象，屬性包含top, bottom, left, right, height, width。上面公式里的box就是node.getBoundingClientRect()返回的對象。
top, bottom, left, right四個位置屬性都是相對于文檔視圖左上角計算而來。
網(wǎng)上搜了一下，張鑫旭11年的時候就有篇關于這個函數(shù)的文章了。http://www.zhangxinxu.com/wor...
相關文章：
1. javascript - js 有什么優(yōu)雅的辦法實現(xiàn)在同時打開的兩個標簽頁間相互通信？2. css3 - Typecho 后臺部分表單按鈕在 Chrome 下出現(xiàn)靈異動畫問題，求解決3. java - 新手做一個安卓視頻播放器，想實現(xiàn)一個進度條，按鈕那種在視頻下方懸浮的功能，不知道思路！4. javascript - jquery怎么給select option一個點擊時觸發(fā)的事件,如圖 如果選擇自定義觸發(fā)一個時間？5. nginx配置server模塊的問題6. java - android代碼重構(gòu)：如何把app設置里的頭像UI做成通用的？7. node.js - express請求的具體方法8. javascript - angular和jquery都用到了$符號，一起用會不會沖突？9. 想找個php大神仿個網(wǎng)站。10. javascript - 怎樣限制同一個瀏覽器不能登錄兩個賬號
網(wǎng)公網(wǎng)安備