标签：虚拟滚动条

实现一个自定义虚拟滚动条

根据element框架的el-scrollbar来实现的，根据官方源码自己写了一版，用于了解该功能的实现。要点：通过margin的负值以及不定宽高的父级元素verflow: hidden实现隐藏滚动条真实的滚动条被隐藏后实现一个自己的滚动条（点击滚动滑轨滚动和拖拽滑块滚动）实现一个div的resize事件监听来动态更新虚拟滚动条的大小其中最难的就是拖拽滑块滚动，那个算法真的看不懂，反正照抄了，由于不是很有时间研究，所以没有对移动端的touch事件进行兼容。参考文章： Element-ui el-scrollbar 源码解析本人仓库：CustomScrollBar效果展示：总结：个人的实现...