如何使用 js 为 div 更改边距设置动画
How to animate div on changing margin using js
div.style.marginLeft="-200px";
单击上面的按钮执行语句但它只是立即更改边距，但我希望它在更改边距时移动。
所以我需要一个 JavaScript 解决方案。
实际上你可以用 CSS 解决这个问题。如果您已经更改了边距，请尝试对元素应用 CSS 过渡。
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
在这种情况下，"all" 是对要应用过渡的 属性 的引用。您可能会使用 margin-left，但 all 将涵盖几乎所有可用的过渡属性。
这里有更多信息：https://developer.mozilla.org/en-US/docs/Web/CSS/transition
div.style.marginLeft="-200px";
单击上面的按钮执行语句但它只是立即更改边距，但我希望它在更改边距时移动。 所以我需要一个 JavaScript 解决方案。
实际上你可以用 CSS 解决这个问题。如果您已经更改了边距，请尝试对元素应用 CSS 过渡。
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
在这种情况下，"all" 是对要应用过渡的 属性 的引用。您可能会使用 margin-left，但 all 将涵盖几乎所有可用的过渡属性。
这里有更多信息：https://developer.mozilla.org/en-US/docs/Web/CSS/transition