如何用vue封装一个原生的吸顶效果

用惯了第三方ui组件库封装的组件，今天自己尝试用vue封装一个吸顶效果

• 新建组件Sticky.vue，具体实现看以下操作：

<template>
  <div id="sticky">
    <div ref="sticky" class="sticky" :class="stickyIndex ? 'sticky_nav' : ''">
      吸顶
    </div>
    <div class="sticky_row" v-for="item in 50" :key="item">{
   {
    item }}</div>
  </div