javascript - 使用 jQuery 的 .css() 进行平滑的 css 更改而无需 css-transitions

Question

有没有办法用 jQuery 平滑地更改 .css() ？就像通过计算每一步(如 0、1、2、3、...、198、199、200)来顺利地将 .css("top", myValue) 从 0 更改为 200？我不想使用 CSS 转换。原因(长话短说):运行站点的设备不支持“top”平滑转换，transformY 强制浏览器的一个尚未修复的错误。

当然，我可以编写一个循环，例如从 0 到 200 计算“myValue”并更新它。但如果有 jQuery 实现的方式，我会很高兴。

$("myDiv").css("top", myValue);//让它平滑

Answer 1

试试 $.fn.animate ( http://api.jquery.com/animate/ )

$("myDiv").animate( {top: "+=200"}, duration );

(注意:它是相对于当前位置的。所以 +=1 是添加 1px，-=1 是删除 1px。)