如何用js移动元素的x/y位置？
发布于2022-02-27 16:32 阅读(1123) 评论(0) 点赞(29) 收藏(5)
我添加了一张图片来描述我需要什么。在这里，我有一个带有黄色边框的容器和带有红色边框的内容，当我单击容器中的按钮时，我希望它向左滚动 1 个容器的宽度。
我已经尝试过 CSS 动画，但它似乎不是我想要的。所以有没有办法实现我想要的？
我在这里写了一个演示： https ://codesandbox.io/s/keen-panini-hel36
解决方案
首先将一个类添加到您要移动的 div (moveDiv) 并使用position:relative.
然后，将一个类添加到要单击以触发动作的按钮（actionButton）。
然后，将以下 JavaScript 放在页面末尾的标签之间
document.getElementsByClassName("actionButton").addEventListener('mousedown',function(){
var left = document.getElementsByClassName("moveDiv")[0].style.left;
left = left === '150px' ? 0 : '150px';
document.getElementsByClassName("moveDiv")[0].style.left = left;
});
这有一个事件侦听器知道鼠标何时按下（当用户单击按钮时）。相应地更改左侧位置以满足您的需要。
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/311261/be18a0c9a863abcaf83e/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力