Javascript 如何仅设置负边距动画

我有这个

ul{
    -webkit-transition: all 1000ms linear;
    transition: all 1000ms linear;
}

然后使用javascript，以及其他一些东西

let px = 295 // increments through other things
document.getElementsByTagName('ul')[0].style.marginLeft = `-${px}px`;

然后

ul

返回到

marginleft:0

，但我希望它在负边距上动画，然后只捕捉

marginleft:0

编辑：

---

第一个答案听起来好像我不清楚。我想单击一个元素，让它以一种方式设置动画，然后捕捉回默认位置。通常的转换以两种方式设置动画

尝试将类用于动画，并使用jQuery管理这些类

看看我的例子

$（“按钮”）。单击（函数（）{
$（'ul'）.toggleClass（'animated'）；
});
ul{
左边距：200px；
-webkit过渡：边缘1000ms线性；
过渡：边缘1000ms线性；
}
ul动画{
左边距：0；
}


试验

动画制作
尝试使用类制作动画，并使用jQuery管理这些类

看看我的例子


$（“按钮”）。单击（函数（）{
$（'ul'）.toggleClass（'animated'）；
});
ul{
左边距：200px；
-webkit过渡：边缘1000ms线性；
过渡：边缘1000ms线性；
}
ul动画{
左边距：0；
}


试验

设置动画
，但这并不能解决问题。运行演示并单击两次
Animation
。第二次我需要它在没有动画的情况下捕捉时，请考虑使用
jQuery animate（）
@relidon我正在寻找一种纯js方法，以便在没有其他方法不能解决问题的情况下进行学习。运行演示并单击两次
Animation
。第二次我需要它在没有动画的情况下抓拍时考虑使用
jQuery animate（）
@relidon我正在寻找一个纯js方法，以便学习其他方法