? ? ? 移動(dòng)端開發(fā)過程中，前端在請求后臺的數(shù)據(jù)時(shí)敏沉，為了用戶體驗(yàn)更加完善果正，通常需要分頁請求炎码，在點(diǎn)擊展開時(shí)以往我常常喜歡直接將數(shù)據(jù)全部加載，給用戶的體驗(yàn)以及頁面效果非常不好秋泳，點(diǎn)擊收起時(shí)也是如此潦闲，為了提升用戶體驗(yàn)以及頁面美觀，我們可以采用css3中的transition在交互中使用漸進(jìn)動(dòng)畫迫皱。demo如下：
css樣式:
html頁面如下：
js:
演示實(shí)例如下圖所示：
在具體的項(xiàng)目運(yùn)用過程中只需要給id為more的div一個(gè)高度歉闰，具體高度根據(jù)頁面情況而定，當(dāng)然有很多不同的方式來達(dá)到交互效果舍杜，對css動(dòng)畫不是很了解，采用了一種最簡單的方式赵辕，歡迎各位大神指教既绩。
