@smallpig301/vue_sticky v1.0.1

vue-picker

本插件基于vue的吸顶效果组件，使用简单

Install

npm i @smallpig301/vue_sticky

Code Example (ES6)

<template>
    <div>
        <vue-sticky>
      <div class="item-info">
        <div class="item-media">
        <img :src="info.face" alt="">
        </div>
        <div class="item-inner">
        <div>{{info.nickname}}</div>
        </div>
      </div>
    </vue-sticky>
    </div>
</template>

import VueSticky from '@smallpig301/vue_sticky';

    export default {
      components : {
      VueSticky
    },
      data () {
        return {
        }
      },
      methods : {
      },
    }

效果

所说的吸顶效果就是在页面没有滑动之前，导航栏的效果如下图所示：

当页面向上滑动之后，导航栏始终固定在页面的上方。

Contributions

Your contributions and suggestions are welcome 😄😄😄💐💐💐.