渲染移动视图时，奇怪的DOM加载

Question

我们正在创建一个非常重的网站，它有一些非常基本的视差滚动。

您可以在此处查看该网站：http://fochisel.dev.randomshapes.ca/

当视口低于1000px时，该网站（仍在开发中）有一些非常奇怪的问题。当视差滚动变为正常滚动时，1000px是我们的断点。从这一点开始，我只是打电话给那个移动视图。

因此，当我们在移动视图中进行第一次加载时，只有视口中的DOM元素似乎呈现，其他一切都不存在。我可以在检查器中看到加载的元素，但它们似乎实际上错过了实际的渲染步骤。

我确信这有一个非常简单的解决方案，我很乐意听到它。谢谢！

Answer 1

您可以使用以下javascript来确保用户滚动到页面顶部，而不管正在使用的设备。

<script type="text/javascript">
    $(document).ready(function () {
    window.scrollTo(0,0);
    }); 
</script>