scrollSmoothToPosition
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | // 页面垂直平滑滚动到指定滚动高度 const scrollSmoothTo = (position) => { if (!window.requestAnimationFrame) { window.requestAnimationFrame = function (callback, element) { return setTimeout(callback, 17); }; } // 当前滚动高度 let scrollTop = document.documentElement.scrollTop || document.body.scrollTop; // 滚动step方法 const step = () => { // 距离目标滚动距离 let distance = position - scrollTop; // 目标滚动位置 scrollTop = scrollTop + distance / 5; if (Math.abs(distance) < 1) { window.scrollTo(0, position); } else { window.scrollTo(0, scrollTop); requestAnimationFrame(step); } }; step(); }; |
1 2 3 4 5 | // IOS 兼容性不好 window.scrollTo({ top: number, behavior: 'smooth' , }); |
以自己现在的努力程度,还没有资格和别人拼天赋
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 提示词工程——AI应用必不可少的技术
· .NET周刊【3月第1期 2025-03-02】