zhouchijian
/
fe-drone-ci
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge 6a3dd0a3cf into 33a93a12b4

This commit is contained in:
chensenran 2020-12-05 03:55:40 -08:00 committed by GitHub
parent 33a93a12b4 6a3dd0a3cf
commit c927c9c76d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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