demo效果
因項(xiàng)目需要參考網(wǎng)上的資料 完成高度自適應(yīng)的輸入框,廢話就不多說(shuō)了官份,效果圖如下:
demo思路
我剛開(kāi)始是想使用masonry來(lái)做的只厘,因?yàn)榭紤]約束可以避免很多數(shù)值計(jì)算
但是在使用的時(shí)候遇到了一些問(wèn)題,就臨時(shí)放棄了舅巷。
改使用frame來(lái)做計(jì)算羔味,在差不多效果都完成的時(shí)候,使用transform钠右,解決了每次框的高度增加的時(shí)候赋元,是向下增加的問(wèn)題,每次高度更新的時(shí)候,使用transform移動(dòng)一下輸入框的位置搁凸,完美解決問(wèn)題媚值。
完成之后,花了很長(zhǎng)時(shí)間研究了masonry 出的問(wèn)題护糖,終于還是解決了杂腰,這里就不廢話遇到的坑了,我把frame 和masonry兩種方式是代碼都寫(xiě)在了demo里了
通過(guò)isFrame來(lái)控制的椅文。