Weird DOM loading, при рендеринге мобильного просмотра

Question

Мы создаем довольно тяжелый сайт с довольно простой прокруткой параллакса.

Вы можете увидеть сайт здесь: http://fochisel.dev.randomshapes.ca/

Сайт (который все еще находится в разработке) имеет некоторые действительно странные вопросы, когда окно просмотра ниже 1000px. 1000px - наша точка останова, когда прокрутка параллакса становится обычной прокруткой. С этого момента я просто позвоню этому мобильному виду.

Итак, когда мы делаем первую загрузку в мобильном режиме, только элементы DOM в окне просмотра кажутся визуализирующими, все остальное просто не существует. Я вижу, как загружаются элементы в инспекторе, но они, похоже, фактически не выполняют фактический шаг рендеринга.

Я уверен, что это довольно простое решение, и я бы хотел его услышать. Благодаря!

Answer 1

Вы можете использовать следующий javascript, чтобы гарантировать, что пользователь прокручивается до верхней части страницы независимо от используемого устройства.

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