iview/examples/routers/affix.vue
崔琼雪 87c343e461 增加逻辑:
1.当吸顶的时候增加一个div标签占位,可让过度更加顺滑(原有逻辑当到达顶部的时候会会变成绝对定位,后面的标签就会立即顶上去,会有跳动的过程,体验不佳)
2017-12-15 15:40:41 +08:00

33 lines
597 B
Vue

<style>
body{
/*height: 2000px;*/
}
.demo-affix{
width: 100px;
height: 30px;
background: #f60;
color: #fff
}
</style>
<template>
<div>
<Affix>
<div class="demo-affix">固定在最顶部</div>
</Affix>
<div v-for="(item,index) in arr">{{item}}</div>
</div>
</template>
<script>
export default {
data(){
return {
arr: []
}
},
created(){
for(let i = 0 ; i < 100 ; i++){
this.arr.push(i);
}
}
}
</script>