<template>
 <div>
   <div v-if="!disabled">
    <van-sticky
    :zIndex="zIndex"
    :container="container"
    :offsetTop="offsetTop"
    @scroll="onScroll"
    >
     <slot></slot>
    </van-sticky>
   </div>
   <div v-else>
      <slot></slot>
   </div>
 </div>
</template>
<script>
import { Sticky } from 'vant';

export default {
  name: 'Sticky',
 
  components: {
    VanSticky:Sticky
  },

  props: {
    /**
     * 吸顶时的 z-index
     */
    zIndex: Number,
    /**
     * 容器对应的 HTML 节点
     */
    container: null,
    /**
     * 吸顶时与顶部的距离，单位px
     */
    offsetTop: {
      type: Number,
      default: 0
    },
    // -------------- 扩展字段 -------//
    /**
     * 是否使用粘性定位布局
     */
    disabled: {
      type: Boolean,
      default: false
    }
  },

  data() {
    return {
     
    };
  },
  computed: {
    
  },
  watch: {
   
  },
  mounted() {
   
   
  },
  methods: {
   
   /**
    * 滚动时触发	{ scrollTop: 距离顶部位置, isFixed: 是否吸顶 }
    */
   onScroll(scrollTop,isFixed){
     this.$emit('scroll', scrollTop, isFixed);
   }
  }
};
</script>