微信6.7.4 ios12软键盘顶起页面后隐藏不回弹解决方案

页面平滑滚动效果实现

最新推荐文章于 2019-09-24 15:06:42 发布

原创最新推荐文章于 2019-09-24 15:06:42 发布 · 450 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue #微信公众号 #公众号键盘

vue 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现页面平滑滚动效果的方法，通过定时器和页面滚动距离的控制，让页面在滚动时产生平滑过渡效果，提升用户体验。

temporaryRepair () {
   let currentPosition, timer
   let speed = 1 // 页面滚动距离
   timer = setInterval(function () {
     currentPosition = document.documentElement.scrollTop || document.body.scrollTop
     currentPosition -= speed
     window.scrollTo(0, currentPosition) // 页面向上滚动
     currentPosition += speed // speed变量
     window.scrollTo(0, currentPosition) // 页面向下滚动
     clearInterval(timer)
   }, 1)
}