blackteay/vue-element-admin
1
0
Fork 0
mirror of https://github.com/PanJiaChen/vue-element-admin.git synced 2025-04-06 03:57:53 +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() { data() {
return { return {
visible: false, visible: false,
interval: null, animationFrame: null,
isMoving: false isMoving: false
} }
}, },
@ -49,8 +49,8 @@ export default {
}, },
beforeDestroy() { beforeDestroy() {
window.removeEventListener('scroll', this.handleScroll) window.removeEventListener('scroll', this.handleScroll)
if (this.interval) { if (this.animationFrame) {
clearInterval(this.interval) window.cancelAnimationFrame(this.animationFrame)
} }
}, },
methods: { methods: {
@ -62,17 +62,18 @@ export default {
const start = window.pageYOffset const start = window.pageYOffset
let i = 0 let i = 0
this.isMoving = true this.isMoving = true
this.interval = setInterval(() => { const stepAnimationFrame = () => {
const next = Math.floor(this.easeInOutQuad(10 * i, start, -start, 500)) const next = Math.floor(this.easeInOutQuad(10 * i, start, -start, 500))
if (next <= this.backPosition) { if (next <= this.backPosition) {
window.scrollTo(0, this.backPosition) window.scrollTo(0, this.backPosition)
clearInterval(this.interval)
this.isMoving = false this.isMoving = false
} else { } else {
window.scrollTo(0, next) window.scrollTo(0, next)
this.animationFrame = window.requestAnimationFrame(stepAnimationFrame)
} }
i++ i++
}, 16.7) }
this.animationFrame = window.requestAnimationFrame(stepAnimationFrame)
}, },
easeInOutQuad(t, b, c, d) { easeInOutQuad(t, b, c, d) {
if ((t /= d / 2) < 1) return c / 2 * t * t + b if ((t /= d / 2) < 1) return c / 2 * t * t + b