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

鍍金池/ 問答/HTML/ transition過渡動(dòng)畫能否把未知的初始尺寸變?yōu)??

transition過渡動(dòng)畫能否把未知的初始尺寸變?yōu)??

容器高度為height,里面包含文字及圖片,所以height是自適應(yīng)的高度,我現(xiàn)在想用動(dòng)畫變成0px.

transition: height 1s ease-in-out 300ms;

但是不行,只有知道原始高度才行,比如100px transition 0px.

回答
編輯回答
安若晴

使用max-height可以正常進(jìn)行N transition 0,但設(shè)定的最大值最好控制在自適應(yīng)高度預(yù)期值左右,否則小->大的動(dòng)畫沒關(guān)系,但大->小的動(dòng)畫會(huì)感覺很慢

2018年5月26日 13:18
編輯回答
久舊酒

如果單純從css 無法解決的話,為什么不考慮一下js, 用js 計(jì)算出這個(gè)未知元素的高度, 然后操作這個(gè)元素的transform;就能解決你的問題啊

2017年2月5日 07:20
編輯回答
毀了心

沒有初始值確實(shí)不能生效,會(huì)直接一閃而過。過渡,從一種狀態(tài)到另外一種狀態(tài),沒有設(shè)置的話只有結(jié)束狀態(tài),當(dāng)然無法生效。不過你可以試試用jquery的animate替代,這是可以有效果的。據(jù)我觀察,jquery會(huì)先計(jì)算出此元素的大小再做動(dòng)作,也就是說如果你能自己獲得元素高度那以上效果都能實(shí)現(xiàn),終上所述,樓上正解~~

2017年5月12日 00:15