Javascript 为什么滚动会前后跳跃？

按下向下键时，我希望容器每次滚动210像素（行大小）。但它的滚动方式有些奇怪：218210 428 420等等

下面是我如何滚动到下一个元素：

$(".container").animate({scrollTop: $("#row" + currentRowIndex).offset().top});

以下是一些相关的CSS：

.container {
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: hidden;
    font-size: 0;
    height: 90vh;
}

.row {
    white-space: nowrap;
    overflow-x: hidden;
    font-size: 0;
    background-color: cyan;
}

---

问题：如何通过仍然使用“滚动到#ID”机制修复滚动，以便每次滚动一行？

更改为：

$（.container”）.scrollTop（$（“#行”+currentRowIndex）.offset（）.top-$（“#行0”）.offset（）.top）应该可以工作。我不知道为什么，第一个元素似乎“移动”8像素有时！这是可行的，但是有人能解释一下为什么它不能像我最初写的那样工作吗？