自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 收藏
  • 关注

原创 web聊天室样式问题

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

2023-04-11 13:50:00 138 1

原创 CSS简单动画

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

2023-04-08 18:52:14 177 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除