项目作者: shiye515

项目描述 :
模拟 position: sticky; 的 vue 组件
高级语言: JavaScript
项目地址: git://github.com/shiye515/vue-sticky.git
创建时间: 2016-07-13T07:04:08Z
项目社区:https://github.com/shiye515/vue-sticky

开源协议:MIT License

关键词:
position sticky vue

下载


vue-sticky-position

vue sticky 定位组件 live demo

NPM version
npm download

简介(Intro)

  • 除了vue之外不依赖其他库,
  • 最新版本仅支持vue2.0,使用vue1.0的请安装1.0的版本
  • 如果浏览器支持 sticky 定位,则使用原生方式,不添加滚动监听

install

vue-sticky-position

npm install vue-sticky-position

用法

  1. <sticky>
  2. <div class="stickyed">sticky</div>
  3. </sticky>
  1. import Sticky from 'vue-sticky-position'
  2. export default {
  3. components: {
  4. Sticky
  5. }
  6. }

API

props
























name type default description
top [Number, String] ‘auto’ 定位时距离顶部的距离,默认保持跟firefox的实现一致
z-ndex Number 10 css中的z-index值