用css实现聊天窗口，怎样让窗口滑到最新一条？

用css实现一个对话窗口，问题在于不断发送信息最新的消息就超出固定高度了。有什么方法可以让最新消息自动上滑，类似微信的聊天窗口

warp是我的窗口盒子高度固定；content是内容盒子高度随内容扩大，warp设置了overflow：auto但是content的高度超过warp不能将最后一条消息显示出来。我是不断改变content的translateY值来做到滚动的，但是这样有个缺陷：内容展示不全，因为translate只会平移内容不会平移盒子。有大佬有解决办法吗？感激不尽

小唯快跑啊

浏览 1041回答 2

2回答

SMILET

滚动到底functionscrollToEnd(id){varel=document.getElementById(id);el.scrollTop=el.scrollHeight;}scrollToEnd('warp')//warp为id

0 0

随时随地看视频慕课网APP