js 设置任意的一个元素,移动到指定的目标位置(X)

矫情吗；* 2022-03-11 04:12 507阅读 0赞

>   
> <!DOCTYPE html>  
> <html lang="en">  
> <head>  
>   <meta charset="UTF-8">  
>   <title>title</title>  
>   <style>  
>     div\{  
>       width: 200px;  
>       height: 200px;  
>       background-color: red;  
>       /\*脱离文档流\*/  
>       position: absolute;  
>     \}  
>   </style>  
>   <script>
> 
>     //设置任意的一个元素,移动到指定的目标位置  
>     function animate(element, target) \{  
>       clearInterval(element.timeId);  
>       //定时器的id值存储到对象的一个属性中  
>       element.timeId = setInterval(function () \{  
>         //获取元素的当前的位置,数字类型  
>         var current = element.offsetLeft;  
>         //每次移动的距离  
>         var step = 10;  
>         step = current < target ? step : -step;  
>         //当前移动到位置  
>         current += step;  
>         if (Math.abs(current - target) > Math.abs(step)) \{  
>           element.style.left = current + "px";  
>         \} else \{  
>           //清理定时器  
>           clearInterval(element.timeId);  
>           //直接到达目标  
>           element.style.left = target + "px";  
>         \}  
>       \}, 20);  
>     \}
> 
>   </script>  
> </head>  
> <body>
> 
>   
> </body>  
> </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，507人围观）

还没有评论，来说两句吧...

相关阅读

相关设置scrollView滚动到指定位置

//设置scroll滚动到指定位置 [_scroll setContentOffset:CGPointMake((float)Wi/3i,0) animated

àì夳堔傛蜴生んèń/ 2023年10月17日 09:07/ 0 赞/ 131 阅读

相关在JS数组指定位置插入元素

一、背景在开发前端项目的过程中，要求将一个元素插入到现有数组的特定索引处二、举例 // 原来的数组 var array = ["one", "

朴灿烈づ我的快乐病毒、/ 2022年12月07日 15:12/ 0 赞/ 210 阅读

相关 Js公共函数------获得目标元素的位置{x, y}

还是废话不多说，直接上代码 / getElementPosition @description 获得目标元素x,y @

灰太狼/ 2022年11月20日 03:57/ 0 赞/ 164 阅读

相关添加元素（任意位置）

题目描述在数组 arr 的 index 处添加元素 item。不要直接修改数组 arr，结果返回新的数组示例1 输入 [1, 2, 3, 4], '

以你之姓@/ 2022年06月05日 06:41/ 0 赞/ 210 阅读

相关【代码笔记】【C#】将数组的某一索引位置的元素移动到指定索引位置

/// <summary> /// 将数组的某一索引位置的元素移动到指定索引位置 /// </summary>

╰半夏微凉°/ 2022年06月04日 04:11/ 0 赞/ 208 阅读

相关移动端视图滚动到指定位置的方法

移动端视图滚动到指定位置的方法 pannel.scrollIntoView(true); pannel.scrollIntoViewIfNeeded();

忘是亡心i/ 2022年05月26日 03:47/ 0 赞/ 394 阅读

相关 js 滚动到指定位置

goTo = function(target){ var scrollT = document.body.scrollTop||

- 日理万妓/ 2022年05月09日 17:54/ 0 赞/ 261 阅读

相关 js 设置任意的一个元素,移动到指定的目标位置(X)

> > <!DOCTYPE html> > <html lang="en"> > <head> > <meta charset="UTF-8"> >

矫情吗；*/ 2022年03月11日 04:12/ 0 赞/ 508 阅读

相关 js 获取任意一个元素的任意一个样式属性的值

1: > //获取任意一个元素的任意一个样式属性的值 > function getStyle(element,attr) \{ >

浅浅的花香味﹌/ 2022年03月10日 02:11/ 0 赞/ 238 阅读

相关 Jquery锚点缓慢移动到目标位置

非常简单的代码，不需要再使用插件！页面代码如下 <!DOCTYPE html> <html> <head> <title>锚点缓

缺乏、安全感/ 2022年01月23日 14:59/ 0 赞/ 279 阅读