在div容器中添加/删除新元素时，如何防止滚动

Question

在下面的示例中，我正在开发适用于电视的应用，其中窗口大小是固定的。 我想要的是使用左右按钮滚动div细胞。由于我将有数千个项目，我想重复使用固定数量的单元格。因此，当我向前移动数据数组时，我正在移动窗口并删除/添加单元格。在下面的示例中，我只开始实现右滚动。细胞运动应该是动画的。正如你所看到的，一切都很好，直到我删除/添加单元格（单元格d1到e1）。然后它会自动滚动，我无法为滚动设置动画。

var cellToDelete = data[windowStart];
var cellToAdd = data[windowStart + WINDOW_SIZE];
windowStart++;
currentCellIndex++;
$('<div></div>').html(cellToAdd.text).addClass('cell').attr('id', cellToAdd.id).insertBefore("#dummy0");
$("#" + cellToDelete.id).remove();

在这种情况下，如何阻止自动滚动和动画滚动？

JSFiddle