preloader - 加载完网站的所有内容（包括图像、视频等）后，如何淡出我的预加载器？

Question

• 我想为我的网站使用预加载器动画，并希望它在我的网站的所有内容加载后淡出。我试过这样：

                <script>
                
                    window.onload = function () {
                        document.querySelector(".loader-container").style.display = 'none';
                    };
                
                 
                </script> 

• 但有时动画会无限进行，我看不到我网站的任何内容，有时它在图像加载之前就消失了。我在谷歌上搜索了各种替代方案，但没有一个有效。

如果有人可以通过提供代码片段来帮助像我这样的初学者（已经 3 个月），那将是一个很大的帮助。