在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ js動(dòng)畫問題

js動(dòng)畫問題

clipboard.png

我這里把a(bǔ).style.left = a.offsetLeft + 10 + 'px';
但是div沒有移動(dòng)
然后我
console.log(a.style.left+"--"+a.offsetLeft)
發(fā)現(xiàn)a.style.left和a.offsetLeft一直沒變

clipboard.png

這是為什么??
是不是我用的flex布局然后style.left不會(huì)變???

這樣??
clipboard.png
還是一樣的

回答
編輯回答
陪她鬧

CSS 定位了解一下?

看來題主并沒有搞清楚 position display 這些屬性的作用。position 為 static 的情況下你改 left 是不會(huì)有效果的。top right bottom left 并不參與 flex 布局的控制。如果你既希望元素本身參與 flex 布局,又想讓元素產(chǎn)生位移動(dòng)畫,那首選應(yīng)該是 transform 。transform 是在布局后對(duì)元素進(jìn)行視覺層面的改變,不影響布局和定位本身。

2018年5月31日 07:23
編輯回答
來守候

offset是205,加10之后不就是215嗎?兩個(gè)各自都是原來的值,當(dāng)然不會(huì)變

2017年9月21日 07:08
編輯回答
薄荷綠

數(shù)值運(yùn)算和字符串要有分隔如下:

a.style.left = (a.offsetLeft + 10) + 'px'
2018年7月7日 00:07