加载图像后滚动到元素末尾

Question

在VueJS / Vuetify项目中，我有一个div，其中有一堆图像。
我正在使用Vuetify图像，这意味着它们是延迟加载的。

我希望div在显示时滚动到末尾。

我已经尝试在安装组件时滚动到末尾，但是图像没有加载，因此那时滚动到末尾是行不通的，只是将滚动位置保留为0。

我尝试在图像的加载事件上滚动到末尾，但是当用户向后滚动时，新的图像就会加载，从而使用户回到末尾滚动。

我可以添加一个计时器，使其仅在X毫秒后滚动到末尾，或者在加载图像时滚动，但是只能滚动X次，或者仅滚动X毫秒，但这是不可靠的解决方案。

实现这一目标的一种干净可靠的方法是什么？

Answer 1

我找到的最干净的解决方案是滚动到图像加载事件的末尾，但是在加载最后一张图像时（即已显示），我停止这样做。