国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

css3 - 獲取translateX的值

瀏覽:109日期:2023-07-01 08:06:15

問(wèn)題描述

如何獲取translate的值?css3 - 獲取translateX的值

問(wèn)題解答

回答1:

你這沒(méi)寫清楚吧

回答2:

用正則不就行了:

’translateX(-230px)’.match(/translateX((.*))/)[1]回答3:

你這是內(nèi)聯(lián)樣式吧,外部的這樣寫出來(lái)的不是一個(gè)矩陣嗎

回答4:

試著用jquery方式獲取$(el).offset().left,可以正常獲取translateX的數(shù)值。

看了下jquery的offset()方法,還是蠻有收獲的~

計(jì)算公式:

box.left + ( win.pageXOffset || docElem.scrollLeft ) - ( docElem.clientLeft || 0 )

box是$(el)的定位對(duì)象( win.pageXOffset || docElem.scrollLeft )是窗體左偏移量( docElem.clientLeft || 0 )是document左偏移量

offset()用到了好幾個(gè)之前自己完全沒(méi)印象的瀏覽器DOM自帶的屬性,ownerDocument, defaultView, pageYOffset, pageXOffset,真是TM越學(xué)越覺(jué)得自己知道得少。

關(guān)鍵函數(shù):node.getBoundingClientRect()

這個(gè)函數(shù)巨屌無(wú)比,直接返回一個(gè)包含DOM位置及大小的對(duì)象,屬性包含top, bottom, left, right, height, width。上面公式里的box就是node.getBoundingClientRect()返回的對(duì)象。

top, bottom, left, right四個(gè)位置屬性都是相對(duì)于文檔視圖左上角計(jì)算而來(lái)。

網(wǎng)上搜了一下,張?chǎng)涡?1年的時(shí)候就有篇關(guān)于這個(gè)函數(shù)的文章了。http://www.zhangxinxu.com/wor...

標(biāo)簽: CSS
相關(guān)文章:
主站蜘蛛池模板: 国产欧美va欧美va香蕉在线观 | 国产美女在线一区二区三区 | 91免费永久在线地址 | 国产成人精品免费视频大全五级 | 一本色道久久综合亚洲精品 | 美女131爽爽爽做爰中文视频 | 日韩三级在线免费观看 | 欧美做爰免费大片在线观看 | 久久99亚洲精品久久99 | 在线观看精品国内福利视频 | 国产成人国产在线观看入口 | 高清国产在线观看 | 欧美日韩一区二区综合在线视频 | 91精品国产一区二区三区四区 | 在线成人aa在线看片 | 久久久国产99久久国产久 | 一级特黄aaa大片在线观看 | 韩国免费毛片 | 一级作爱视频免费观看 | 国产毛片不卡 | 亚洲天堂久久精品 | 国产美女高清一级a毛片 | 国产精品欧美一区二区三区 | 精品久久久久久综合网 | 一区二区三区在线视频观看 | 亚洲成在人线久久综合 | 亚洲国产精品成人综合久久久 | 欧美大尺度xxxxx视频 | 特级毛片a级毛免费播放 | 欧美99| 99精品一区二区三区 | 久久视频免费观看 | 欧美黄成人免费网站大全 | 九九视频在线观看视频6 | 69精品免费视频 | 亚洲在线视频免费 | 日本不卡一二三 | 国产精品3| 日韩免费高清一级毛片在线 | 中文字幕巨乱亚洲 | 国产成人精品男人免费 |