mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2024-12-27 05:00:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(backtop):the first mounted animation

Browse Source
This commit is contained in:
songwanli2025@163.com 2020-02-17 18:09:35 +08:00
parent f2ddb99136
commit a88488ab9b
1 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/BackTop/src/main.vue
View File

@ -69,7 +69,7 @@ export default {
return {
container: null,
content: null,
show: false
scrollTop: 0
}
},
computed: {
@ -78,6 +78,15 @@ export default {
},
styleBottom () {
return this.bottom + 'px'
},
show () {
if (this.scrollTop === 0) {
return true
} else if (this.scrollTop >= this.visibilityHeight) {
return true
} else {
return false
}
}
},
watch: {
@ -121,16 +130,9 @@ export default {
this.$emit('click')
},
handleScroll () {
let scrollTop = this.container.scrollTop
this.scrollTop = this.container.scrollTop
if (this.container.nodeName === '#document') {
scrollTop = this.container.documentElement.scrollTop
}
if (scrollTop === 0) {
this.show = false
} else if (scrollTop >= this.visibilityHeight) {
this.show = true
} else {
this.show = false
this.scrollTop = this.container.documentElement.scrollTop
}
}
}