blackteay/vue-element-admin
1
0
Fork 0
mirror of https://github.com/PanJiaChen/vue-element-admin.git synced 2025-04-05 11:18:42 +08:00
Code Issues Releases Wiki Activity

Merge 6a3dd0a3cfb50cda88db0fc2a74b16de28550333 into 6858a9ad67483025f6a9432a926beb9327037be3

Browse Source
This commit is contained in:
chensenran 2024-11-28 00:28:54 +00:00 committed by GitHub
commit ac3cafe1a6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/BackToTop/index.vue
View File

@ -40,7 +40,7 @@ export default {
data() {
return {
visible: false,
interval: null,
animationFrame: null,
isMoving: false
}
},
@ -49,8 +49,8 @@ export default {
},
beforeDestroy() {
window.removeEventListener('scroll', this.handleScroll)
if (this.interval) {
clearInterval(this.interval)
if (this.animationFrame) {
window.cancelAnimationFrame(this.animationFrame)
}
},
methods: {
@ -62,17 +62,18 @@ export default {
const start = window.pageYOffset
let i = 0
this.isMoving = true
this.interval = setInterval(() => {
const stepAnimationFrame = () => {
const next = Math.floor(this.easeInOutQuad(10 * i, start, -start, 500))
if (next <= this.backPosition) {
window.scrollTo(0, this.backPosition)
clearInterval(this.interval)
this.isMoving = false
} else {
window.scrollTo(0, next)
this.animationFrame = window.requestAnimationFrame(stepAnimationFrame)
}
i++
}, 16.7)
}
this.animationFrame = window.requestAnimationFrame(stepAnimationFrame)
},
easeInOutQuad(t, b, c, d) {
if ((t /= d / 2) < 1) return c / 2 * t * t + b