能否详细讲下sticky()这个组件的实现原理

来源：11-1 创建电子书上传组件

慕先生5461412

2021-11-16

输入正文

写回答

1回答

扬_灵

2021-11-17

同学你好，这个组件的实现原理就是通过监听滚动事件对滚动距离进行监听，当向下滚动时就动态的将元素的定位样式改为绝对定位，设置距离顶部的距离top为0吸附在顶部。resize事件是监听窗口是否发生变化用来动态控制宽度的。

if (offsetTop < this.stickyTop) {
this.sticky()
return
}
this.handleReset()

Vue Element+Node.js开发企业通用管理后台系统

基于Element的中后台课程，一套中小型企业通用的后台管理系统

2829 学习 · 1715 问题

相似问题

回答 1

回答 1

回答 2

回答 1

回答 2