GIF预加载然后在滚动时开始动画

Question

我有一个动画gif，放在页面120vh左右。我希望这个gif在页面开始加载时开始加载，因为它只有几MB但是我不希望动画在用户向下滚动到它之前触发。

实现这一目标的最佳方法是什么？我已经阅读了一些关于航路点和延迟加载的帖子，但仍然不清楚实现这一目标的最佳方法。