Skip to content

Kaless1n/vue-sticky

 
 

Repository files navigation

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

用法

    <sticky>
        <div class="stickyed">sticky</div>
    </sticky>
import Sticky from 'vue-sticky-position'
export default {
    components: {
        Sticky
    }
}

API

props

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

About

模拟 position: sticky; 的 vue 组件

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 93.2%
  • Vue 4.0%
  • HTML 2.3%
  • CSS 0.5%