Javascript 如何使用jQuery控制CSS转换的速度？

我有一个使用CSS转换滚动的列表，但我希望无论列表有多长，都有相同的速度。如何使用jQuery控制速度

以下是CSS和指向画笔的链接：

嗨，伊丽莎白，欢迎：）

你在3秒内旅行100%（这是相对的）。所以你需要有一个固定的（绝对的）高度，以获得一个恒定的速度。 是否有最大列表大小？如果是，您可以将其用作默认高度并调整动画时间，直到您喜欢速度为止

您必须使用某种类型的绝对高度，因此速度取决于要移动的像素：

最小高度：200px用于您的
.ul

这将一直工作到所有空间都被使用为止

您可以使用jquery根据列表的长度设置动画持续时间

function calcDuration(length) {
   /* For every ten items take 1s */
   return length / 10 + 's';
}

const listLength =  $('ul li').length;

$('ul').css('animation-duration', calcDuration(listLength));

仅使用CSS是不可能的，因为它只提供了更改持续时间的选项。您可以做的是，根据列表的长度（使用javascript/jquery）调整持续时间？您可以看到它在这里工作：
function calcDuration(length) {
   /* For every ten items take 1s */
   return length / 10 + 's';
}

const listLength =  $('ul li').length;

$('ul').css('animation-duration', calcDuration(listLength));