javascript - js滚动条实现思路

Question

没有找到Vue2.0滚动条插件，我想用JS实现滚动条，在网上找到了几个滚动条实现的JS插件。求问哪位大神自己手动写过滚动条代码吗？或者有相关的博客吗？不需要代码，只需要说个基本的实现思路就OK了

Answer 1

首先结构

<p class="wrapper">//包裹
  <p class="content">
    //内容
 </p>
</p>

css就不讲了，我们需要根据内容的高度计算出 滚动条的高度，然后就是保证在滚动事件触发后内容元素和滚动条的运动。
为了兼容 你需要考虑 mousewheel 和 touch 事件，基本上就这么多吧。

Answer 2

好久之前写了一个，可以将就看一下链接描述

Answer 3

1.不使用js做浮动 对象样式position:fixed。但没有悬浮效果。
2.对象js做浮动，对象样式absolute 。对对象绑定scroll事件，判断对象位置于窗口顶部距离，可以用scrollTop做移动。好多这类方法，可以从网上找找看

Answer 4

jc滚动条插件

自己写的，可以用，有问题可以再沟通