本文探讨了网页动态内容加载时高度变化的生硬感，并提出通过CSS3 transition实现平滑过渡，增强用户体验。难点在于CSS3 transition无法处理'auto'高度的变化。解决方案是获取动态内容加载后的实际高度，结合transition实现动画效果。提供了一个简单的JavaScript函数示例，并建议在内容加载前后调用该函数以实现动画。
在家是今天的笔记之前，昨天…啊不，前天，刷微博的时候刷到一段小诗，蛮对口的：
与影立黄昏，问釜温清粥
捻灯共熄芯，书生还书生
夜静伴春眠，共饮清风醉
朝起何相思，大梦何前尘
抬手摘星月，冷茶知我味
妄我言中泪，独路他人愁
回首无萧瑟，逍遥自在灯火阑珊处 …
完毕，进入笔记阶段，对就这么生硬…..
现在web技术不断发展，视图与数据渲染更多由前端呈现，后台更多与数据打交道。
于是，我们会经常看到这样的交互场景。
页面加载，看到一个框框里面有个小圆圈之类的在转，然后内容呈现；或者点击个按钮，圆圈在转，然后列表动态加载呈现。例如：
嘛 ，就介个….
是不是没有任何问题？
确实，功能上OK，有加载状态，用户也愿意等。
但是，大家有没有觉得所有交互，出现加载→出现内容，都是“砰砰砰”很生硬的感觉，尤其当内容是动态，高度不确定的时候。我们使用一些比较好的手机APP(如
最低0.47元/天 解锁文章
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
