第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

offsetLeft是如何獲取margin-left

offsetLeft是如何獲取margin-left的?為什么把left改成margin-left會(huì)每次都疊加margin-left的呢?

正在回答

1 回答

offseLeft獲取的是【當(dāng)前對(duì)象】跟【具有定位屬性的上級(jí)父元素】最左邊的距離,不會(huì)獲取margin-left:

????例如:<div style='position:relative'>

????????????????????????<span style='position:absolute; top:20px; left:20px;'>我是當(dāng)前對(duì)象</span>

????????????????<div>

????????在上面,span的父元素使用了相對(duì)定位,因此,span對(duì)象的offsetLeft屬性獲取的值,就是span到div最左邊的距離。

????另外,offsetLeft屬性獲取的值是只可讀數(shù)值(如20,只是個(gè)數(shù)值,可以用來(lái)計(jì)算的),而obj.style.left獲取的值是字符串(如20px),并且是可以讀寫的,這是二者之間的差別。所以在js動(dòng)畫里,要用offsetLeft獲取的值來(lái)進(jìn)行數(shù)學(xué)計(jì)算設(shè)置動(dòng)畫,而不是用obj.style.left獲取的字符串。


對(duì)于你說的【left改成margin-left會(huì)每次都疊加margin-left】,這里的left就是obj.style.left,它在css里面對(duì)應(yīng)的,是定位的左邊距離,是從對(duì)象的盒子最外邊開始計(jì)算的。而margin-left是盒子模型中的外邊距部分,你把左邊距改成外邊距,當(dāng)然是外邊距增加啦


0 回復(fù) 有任何疑惑可以回復(fù)我~

舉報(bào)

0/150
提交
取消
JS動(dòng)畫效果
  • 參與學(xué)習(xí)       113920    人
  • 解答問題       1487    個(gè)

通過本課程JS動(dòng)畫的學(xué)習(xí),從簡(jiǎn)單動(dòng)畫開始,逐步深入各種動(dòng)畫框架封裝

進(jìn)入課程

offsetLeft是如何獲取margin-left

我要回答 關(guān)注問題
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)