課程
/前端開發(fā)
/JavaScript
/JS動(dòng)畫效果
判斷運(yùn)動(dòng)為0像素的時(shí)候,為什么括號(hào)里不能寫(oDiv.style.left==0)而要寫offsetLeft
2016-09-02
源自:JS動(dòng)畫效果 2-1
正在回答
offsetLeft 獲取的是相對(duì)于父對(duì)象的左邊距
left 獲取或設(shè)置相對(duì)于 具有定位屬性(position定義為relative)的父對(duì)象 的左邊距
如果父div的position定義為relative,子div的position定義為absolute,那么子div的style.left的值是相對(duì)于父div的值,這同offsetLeft是相同的,區(qū)別在于:1. style.left 返回的是字符串,如28px,offsetLeft返回的是數(shù)值28,如果需要對(duì)取得的值進(jìn)行計(jì)算,還用offsetLeft比較方便。2. style.left是讀寫的,offsetLeft是只讀的,所以要改變div的位置,只能修改style.left。3. style.left的值需要事先定義,否則取到的值為空。而且必須要定義在html里,我做過(guò)試驗(yàn),如果定義在css里,style.left的值仍然 為空,這就是我剛開始碰到的問(wèn)題,總是取不到style.left的值。
offsetLeft則仍然能夠取到,無(wú)需事先定義div的位置
?應(yīng)該是可以的但不具有通用性
Lu背水一戰(zhàn) 提問(wèn)者
舉報(bào)
通過(guò)本課程JS動(dòng)畫的學(xué)習(xí),從簡(jiǎn)單動(dòng)畫開始,逐步深入各種動(dòng)畫框架封裝
1 回答速度動(dòng)畫源碼
3 回答放源碼(速度動(dòng)畫)
3 回答關(guān)于速度動(dòng)畫的問(wèn)題,沒(méi)反應(yīng)
2 回答想問(wèn)一下這節(jié)的動(dòng)畫速度問(wèn)題
1 回答透明度動(dòng)畫
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-09-19
offsetLeft 獲取的是相對(duì)于父對(duì)象的左邊距
left 獲取或設(shè)置相對(duì)于 具有定位屬性(position定義為relative)的父對(duì)象 的左邊距
如果父div的position定義為relative,子div的position定義為absolute,那么子div的style.left的值是相對(duì)于父div的值,
這同offsetLeft是相同的,區(qū)別在于:
1. style.left 返回的是字符串,如28px,offsetLeft返回的是數(shù)值28,如果需要對(duì)取得的值進(jìn)行計(jì)算,
還用offsetLeft比較方便。
2. style.left是讀寫的,offsetLeft是只讀的,所以要改變div的位置,只能修改style.left。
3. style.left的值需要事先定義,否則取到的值為空。而且必須要定義在html里,我做過(guò)試驗(yàn),如果定義在
css里,style.left的值仍然 為空,這就是我剛開始碰到的問(wèn)題,總是取不到style.left的值。
offsetLeft則仍然能夠取到,無(wú)需事先定義div的位置
2016-09-03
?應(yīng)該是可以的但不具有通用性