【Vuebar】 这个组件是如何工作的？

每个Vuebar可滚动内容都需要包装在父元素el1中，该元素隐藏第二个父元素el2的原生浏览器滚动条，它还包含在Vuebar初始化时自动附加的自定义滚动条元素(进一步引用为dragger)。

Vuebar内部设备监听el2滚动事件，并在滚动时同步拖动器的位置。反之亦然，当你直接使用Dragger时，它会监听鼠标事件来检测拖放器的位置，并设置el2的滚动位置。

除了在使用拖放器时设置滚动位置之外，Vuebar不会干扰原生浏览器滚动，你可以像通常那样监听滚动、滚轮等事件。这也意味着滚动行为将保持不变。你仍然可以使用鼠标轮、单击滚动或触摸滚动动作。它不会像大多数类似的库那样从头开始重新实现滚动(那样结果糟糕)。