11.聊天界面跳到最底部以及对话滑动出现总结
2019-09-26 本文已影响0人
最爱喝龙井
1.聊天界面跳到最底部
Element.scrollIntoView()
: 方法让当前的元素滚动到浏览器窗口的可视区域内。
用到了这个原生的方法。
用法:动态生成的dom元素的最后一个元素,调用这个方法即可。
2. 动态生成的聊天信息滑动出现
这个更简单,用animate.css,直接给动态生成的元素身上添加需要的动画类。
Element.scrollIntoView()
: 方法让当前的元素滚动到浏览器窗口的可视区域内。
用到了这个原生的方法。
用法:动态生成的dom元素的最后一个元素,调用这个方法即可。
这个更简单,用animate.css,直接给动态生成的元素身上添加需要的动画类。