Javascript 图像列表网页的滚动不平滑

我正在尝试创建一个像谷歌照片一样的图片列表网站。我有一个自定义滚动条，其中列出了月份和年份。当用户移动滚动拇指时，图像列表应滚动。 我写过,

scrollContainer = document.getElementById("photosContainer");
scrollContainer.scrollTop += 20;

mousemove事件将触发上述代码。 大约有5000个img标签，出于测试目的，src只是一个硬编码的化身图标。 因此，在滚动图像时，图像不会发生任何变化

 onmousemove(){
  this.scrollThumbPosition = <value>;
}

这将移动滚动条拇指。如果有多达1000个图像，滚动条和所有工具都可以正常工作。但是当有超过1000个图像时

滚动拇指在拖动时不会移动。 图像列表无法移动。 但是当鼠标移动动作被触发时，Ui会做出响应。

---

有没有一种方法可以平滑页面的性能与大量的图像标签

您尝试过简单的CSS解决方案吗？编辑：添加将改变：由于lucifer63滚动位置

html {
  scroll-behavior: smooth;
  will-change: scroll-position;
}

礼貌地要求浏览器平滑自动滚动，即不是用户滚动

让浏览器知道性能将在何处受到影响。只有当您仍然看到问题时，才打算将其作为最后手段

编辑：

或者，如果您想要纯JS方法，可以使用window.scroll功能：

---

``

+我认为这正是发生变化的情况：滚动位置；是needed@lucifer63谢谢更新了我的答案。MDN建议不要急于使用，只能作为最后的手段，所以我已经提到了这个警告。

window.scrollBy({ 
  top: 20,
  left: 0, 
  behavior: 'smooth' 
});