Jquery css3在转换中再次使用翻译之前立即重置翻译

我正在尝试设置这个滚动函数的动画，其中链接通过具有100%的translate y值从屏幕中转换出来。我面临的问题是，当我向上滚动时，我需要将100%重置为屏幕外的较高百分比，例如11%。我想从11%过渡到24%，但最终从100%直接过渡到24%。是否有任何方法可以“重置”或同时进行两次css更改

setTimeout(function () { $(".experiment:eq("+i+")").css({"-webkit-transition":""+speed[id]+"s","-webkit-transform":"translate(0px,"+percent+"%)"}); });

setTimeout(function () { $(".experiment:eq("+i+")").css({"-webkit-transition":""+speed[id]+"s","-webkit-transform":"translate(0px,"+percent+"%)"}); });

---

是的，您可以使用jquery获得滚动条的位置，然后您可以在此处更改css

$(".experiment").css({"-webkit-transition":"0s","-webkit-transform":"translate(0px,11%)"});

setTimeout(function () { $(".experiment:eq("+i+")").css({"-webkit-transition":""+speed[id]+"s","-webkit-transform":"translate(0px,"+percent+"%)"}); });

---

$（“.experience”）.css（{“-webkit transition”：“0s”，“-webkit transform”：“translate（0px，11%）”}） 好的，我认为这两个转换发生得太快了，所以在setTimeout函数中包装第二个转换是有效的。例如：

setTimeout(function () { $(".experiment:eq("+i+")").css({"-webkit-transition":""+speed[id]+"s","-webkit-transform":"translate(0px,"+percent+"%)"}); });

---

是的，但这不起作用，因为我想在将其设置为11%后立即过渡到24%。