增加逻辑:
1.当吸顶的时候增加一个div标签占位,可让过度更加顺滑(原有逻辑当到达顶部的时候会会变成绝对定位,后面的标签就会立即顶上去,会有跳动的过程,体验不佳)
This commit is contained in:
parent
52830ca693
commit
87c343e461
2 changed files with 26 additions and 4 deletions
|
@ -10,12 +10,24 @@
|
|||
}
|
||||
</style>
|
||||
<template>
|
||||
<div>
|
||||
<Affix>
|
||||
<span class="demo-affix">固定在最顶部</span>
|
||||
<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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue