封装的动画函数

最新推荐文章于 2025-06-29 14:59:01 发布

梅志贤

最新推荐文章于 2025-06-29 14:59:01 发布

阅读量308

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_44389021/article/details/86483982

本文介绍了一种使用JavaScript实现元素平滑滚动到目标位置的算法。通过设置定时器，逐步调整元素的左偏移量，使元素能够从当前位置平滑过渡到目标位置。该方法适用于网页中元素的动画效果，提高了用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function dong(element,target) {
       clearInterval(element.timeId);
       element.timeId=setInterval(function () {
           var zuobian=element.offsetLeft;
           var step=10;
           step=zuobian<target?step:-step;
           zuobian+=step;
           if (Math.abs(zuobian-target)>Math.abs(step)) {
               element.style.left=zuobian+"px";
           }else{
               clearInterval(element.timeId);
               element.style.left=target+"px";
           }
       },20)
   }