鍍金池/ 問答/HTML/ margin-left值,在實(shí)際屏幕上顯示的值和設(shè)置的值不一樣

margin-left值,在實(shí)際屏幕上顯示的值和設(shè)置的值不一樣

通過js在keydown事件時(shí),設(shè)置div的margin-left值,為負(fù)值,每次偏移-100px。div設(shè)置有width:70px;-webkit-transition:all 0.2s屬性,正常單次keydown沒有問題,當(dāng)連續(xù)keydown時(shí),會出現(xiàn)如,實(shí)際設(shè)置的margin-left:-600px;在屏幕上會顯示有-670px;但是console的值也只有-600px,將動(dòng)畫時(shí)間改為0,就不會出現(xiàn),這是什么情況

回答
編輯回答
笑浮塵

console.log的時(shí)候,你的動(dòng)畫還沒有開始動(dòng)吧,這時(shí)候計(jì)算出來的肯定是-600px,動(dòng)畫結(jié)束之后再次獲取DOM的內(nèi)容去取值就是-670px了,

2018年9月11日 10:33