Yyz210303的博客

对于第二点 采用MutationObserver监听消息窗口messagebox的子树childList 每当有新的子元素插入时 设置messagebox.value.scrollTop = messagebox.value.scrollHeight。解决方法是 设置overflow:auto 设置max-height:80% 设置position:absolute;也可以采用更vue的方式 定义const scrolltop=ref() 在聊天窗口绑定 :scrollTop="scrolltop"

为元素指定transition属性 可以让元素样式发生变化时渐变例如会在鼠标移入移出时控制颜色渐变在鼠标移入时 div:hover样式生效 覆盖了div样式 此时元素展示会被修改至与样式相同 即更改颜色 并按照transition指定的方式进行渐变移出时，按照div样式改变颜色进行渐变transition是一个合并属性 上述div样式等价于它总是被认为四个属性的集合 即使没有显式指定 可以用initial为某个元素指定默认值例如指定了transition-property为默认。