Vue中将better-scroll封装为组件并实现完美吸顶效果

首先观察实际达成的成果：

上述滑动效果是通过better-scroll库实现的，由此可见，该库在弹性滑动方面的表现较为出色。然而，better-scroll仍存在诸多缺陷，这使得初次接触该库的开发者在使用过程中面临一定困难。过去，在实现吸顶效果时，通常直接采用position: sticky属性来构建粘性布局，但在该库中此属性无法正常运作，从而导致吸顶功能的实现变得复杂。幸运的是，有开发者提出了有效的解决方案，后续将进行详细说明。

以下为封装后的better-scroll实现：

    <template>
      <div ref="wrapper" >
    <slot></slot>
      </div>
    </template>
    
    <script>
    import BScroll from "better-scroll"
    export default {
      props: {
    data: {
      type: Array,
      default: () => {