大家好，我是考100分的小小码 ，祝大家学习进步，加薪顺利呀。今天说一说返回顶部按钮,动画效果,希望您对编程的造诣更进一步.
// 点击图片回到顶部方法，加计时器是为了过渡顺滑
backTop() {
let top = document.documentElement.scrollTop || document.body.scrollTop
let seep = top / 30;
// 实现滚动效果
const timeTop = setInterval(() => {
document.body.scrollTop = document.documentElement.scrollTop = top -= seep
if (top <= 0) {
clearInterval(timeTop)
}
}, 10)
},
// 为了计算距离顶部的高度，当高度大于60显示回顶部图标，小于60则隐藏
scrollToTops() {
let scrolltop = Math.floor(document.documentElement.scrollTop || document.body.scrollTop)
scrolltop > 60 ? this.btnFlag = true : this.btnFlag = false
}
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
转载请注明出处: https://daima100.com/12908.html
