模拟 position: sticky; 的 vue 组件
vue sticky 定位组件 live demo
npm install vue-sticky-position
<sticky>
<div class="stickyed">sticky</div>
</sticky>
import Sticky from 'vue-sticky-position'
export default {
components: {
Sticky
}
}
name | type | default | description |
---|---|---|---|
top | [Number, String] | ‘auto’ | 定位时距离顶部的距离,默认保持跟firefox的实现一致 |
z-ndex | Number | 10 | css中的z-index值 |