Почему не работает $(document).scrollTop(5000); при загрузке страницы?

Question

sorry_i_noob @sorry_i_noob

JavaScript

Почему не работает $(document).scrollTop(5000); при загрузке страницы?

Я хочу, чтобы при загрузке страницы со всем контентом был скролл на определенную позицию. Я написал вот такой код:

$(window).on('load', function () {
        $(document).scrollTop(5000);
});

Но он никакого эффекта не принес. Тогда я написал вот так:

$(window).on('load', function () {
        setTimeout(function () {
            $(document).scrollTop(5000);
        }, 500);
});

И код заработал.

Почему в первом случае ничего не произошло?

Вопрос задан более трёх лет назад
101 просмотр

1 комментарий

Подписаться 1 Простой 1 комментарий

Решения вопроса 1

5 комментариев

sorry_i_noob @sorry_i_noob Автор вопроса

Что вы используете вместо JQuery?

Написано более трёх лет назад
Пашенька @like-a-boss

sorry_i_noob, Я всё на нативке пишу, без каких-либо библиотек(но это мой перфекционизм), однако это не отменяет того, что джейквери сейчас избыточен, нативный JS давно всё умеет.

Написано более трёх лет назад
Пашенька @like-a-boss

sorry_i_noob, вы информации больше дайте о тех моментах которые я описал, тогда можно будет точнее назвать причину

Написано более трёх лет назад

sorry_i_noob @sorry_i_noob Автор вопроса

like-a-boss, вот весь код:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Code</title>
</head>
<body>

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, repudiandae animi, alias architecto dolores aliquid nesciunt porro similique magnam quidem, officia! Harum sint accusamus excepturi aspernatur in impedit quidem expedita, repudiandae, nihil nesciunt itaque praesentium ducimus distinctio voluptatem vitae possimus vero voluptatum officiis. Accusantium debitis illum aliquam inventore minus architecto corporis atque dolor. Illum ipsa, neque nisi recusandae dicta, rem suscipit consequuntur. Consequatur natus facilis rem inventore recusandae est perspiciatis ut veniam. Quod rerum veniam eligendi officia, laboriosam inventore repudiandae quos explicabo fugiat, accusamus animi alias vitae ex voluptates fugit! Excepturi ab porro velit veritatis libero vero vel alias maxime ea natus. Praesentium accusamus, consectetur atque similique enim cupiditate veritatis temporibus numquam beatae nostrum ullam eum commodi mollitia quasi? Consectetur ipsa dolorem quae sapiente delectus sit doloremque illum qui error, dolor, ad animi saepe provident, fuga ipsam non architecto libero nobis minus magnam voluptas praesentium incidunt iusto voluptate reprehenderit. Neque, veniam quis non voluptates. Nemo quia ex placeat repellendus, sed est, laudantium illum inventore ipsam fugiat quod labore id incidunt praesentium nostrum, quae officia quo porro! Et, voluptatum quod necessitatibus vero quisquam minima quidem, beatae reiciendis facilis aspernatur, quibusdam quos velit nostrum placeat. Numquam sint, at odit sapiente id quod repudiandae error nisi laboriosam iusto pariatur iste magni odio soluta rerum, cupiditate minus voluptas ad animi aut natus quisquam! Atque eius laboriosam perspiciatis inventore excepturi error, quo accusantium culpa nemo fugit, corporis quam voluptatem, eaque possimus. Earum repellendus, soluta accusamus. Dolorem porro sed dignissimos ea nostrum incidunt molestias esse cupiditate iure cum inventore alias repellendus eligendi, neque, veritatis quasi quia accusantium omnis quod numquam iusto? Molestias reprehenderit eum rerum libero sapiente accusamus dolor suscipit quos alias neque omnis nostrum officiis eius id earum, expedita aut nisi asperiores debitis pariatur inventore a. Rem tempore quidem magni ipsam, quia culpa, voluptate facilis voluptas sit quibusdam nostrum, ab nam eum expedita numquam, omnis tempora blanditiis molestiae nobis aliquam. Hic reprehenderit, expedita debitis nobis, placeat explicabo incidunt, at modi repellat vitae illo accusantium eaque aliquam dicta, dolor ducimus dolores quasi voluptates vero blanditiis quibusdam commodi! Suscipit doloribus quis illum minima neque voluptate dolor architecto ratione. Aut error molestiae eos architecto, quibusdam porro excepturi distinctio, accusamus eum eius! Cupiditate fuga dignissimos excepturi odio cum vel? Corrupti molestias sed doloremque ex! Ipsum, inventore facilis culpa libero corporis reiciendis laudantium quibusdam reprehenderit magnam, dolorum doloremque odio, repellat at iste! Debitis, impedit doloribus tempore possimus voluptatem ipsam fugiat? Ex impedit praesentium repudiandae excepturi nihil libero unde consequuntur fugit! Beatae neque voluptatum totam labore, modi fuga magnam nemo sed eaque dolorem, eius obcaecati dolores nesciunt quos unde aspernatur incidunt ut temporibus iure. Quae in nulla accusamus, dolorum id, ipsum, laborum blanditiis eius sed, eaque beatae quaerat. Sequi ipsum provident ipsam incidunt in iure id eaque cupiditate sint eum, nesciunt maxime, deleniti consequuntur debitis? Voluptatibus maiores quia ipsa sequi eveniet facere, molestiae ullam blanditiis quae. Ipsum repudiandae earum vel eligendi repellendus, modi quasi, architecto sit vero, facere velit nobis aperiam adipisci voluptas qui doloribus a recusandae ab! Vero debitis maxime, rem voluptatum tempore. Nemo eos sed aliquid nam aspernatur consequuntur esse molestiae consectetur. Porro labore nisi fugit beatae perspiciatis. Excepturi debitis earum recusandae asperiores ratione porro quibusdam facere sed dicta, quae eos provident repellat labore quis magni, cumque eveniet ut libero. Veniam, quis. Minima iure temporibus accusantium, quo quasi molestias esse numquam aliquam possimus quae optio, impedit, magnam deleniti modi sapiente beatae provident et totam fugiat voluptate sed laudantium soluta debitis repellat. Quae eum, sit expedita harum, in veritatis nesciunt eligendi illum veniam consequatur a quam adipisci, id? Eius, ex, aut, vel sint aspernatur quo facilis iure et similique ratione modi, est. Architecto, nobis dolorem! Nisi veritatis qui deserunt soluta natus reprehenderit et fugit unde ab! Tempora a nam corporis veniam velit eos eligendi possimus. Laboriosam maiores accusantium voluptatem. Aliquid eius a suscipit, sequi accusantium sint! Consequuntur deserunt dolore amet error neque non nulla, magni consequatur quia voluptatibus magnam, animi suscipit dignissimos tenetur, praesentium, hic quo quos modi cupiditate itaque culpa quisquam labore accusamus. Consequuntur repellendus aperiam numquam, saepe sequi aliquam quibusdam maiores ut rem exercitationem cumque reiciendis, ipsa dolorem porro dolores. Voluptatibus obcaecati doloribus, dignissimos rem quo quia cupiditate reprehenderit non saepe velit laborum cumque blanditiis iusto dolorum enim, officiis sunt cum nulla pariatur culpa ullam. Inventore a voluptatem ducimus soluta est, quo officiis odio recusandae consequuntur deleniti! In inventore eum id, perferendis odio, sapiente, magni dignissimos quis sit minus beatae voluptates praesentium debitis mollitia eligendi officia nisi fugit, a autem. Obcaecati animi, rem excepturi laboriosam voluptatem! Architecto, assumenda expedita dignissimos beatae eum sint cumque voluptates laboriosam repellendus ipsum dicta neque dolor dolorum labore! Odio, provident saepe quasi officiis reiciendis ipsam. Adipisci aspernatur non inventore assumenda expedita, dolor nobis quasi similique ex saepe, dolorum illo ullam recusandae pariatur esse perspiciatis! Minus consequatur, harum fugiat consequuntur neque porro non sequi eum. Voluptatibus, repellendus reiciendis ipsum ea vero at excepturi consequuntur numquam dicta error animi fugit labore veniam aliquam sunt tempore esse! Maiores distinctio tempore iure consequatur aut perferendis, ipsum? Exercitationem explicabo qui dolores sapiente reprehenderit ea facilis maiores illo blanditiis perferendis mollitia ipsam sint quidem beatae doloremque cumque, quos expedita molestiae eligendi. Reprehenderit nostrum, neque, quaerat inventore, aliquam nulla repellendus dolorum iusto, amet molestias similique veritatis facere accusantium consectetur quam. Deserunt suscipit nihil perferendis repellat modi? Pariatur non tempore maxime eos magnam a, ipsam minus voluptatibus quis blanditiis similique, qui, quam eveniet veritatis. Adipisci commodi, consequuntur dicta culpa iusto eos.

<script src="jquery/jquery.js"></script>
<script>
  $(window).on('load', function() {
      $(window).scrollTop(5000);
  });
</script>
</body>
</html>

Написано более трёх лет назад

Пашенька @like-a-boss

sorry_i_noob, Здесь дело в поведении браузера. Чром, к примеру, будет сам пытаться первично восстановить позицию скролла по различным условиям: типо хэшей в урле / просто последнюю позицию скролла до перезагрузки и т.п., в то время как в огненной лисе это будет работать, как ожидается. Онлоад тут не решение, здесь нужно скролить уже после того, как броузер сделает свои дела. Самое простое это делэй в пару фреймов, что обеспечит одинаковое поведение во всех браузерах. Можно еще обманывать браузер при перезагрузке страницы прицепившись на бифоранлоад.
Мне неведомо, зачем форсить скролл первично, прыжком без анимации эт лист.

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

JavaScript

Простой
Как фильтровать массив в массиве методом filter?
- 1 подписчик
- час назад
- 29 просмотров
2

ответа
JavaScript

Простой
Как посчитать количество пересечений с помощью метода filter?
- 1 подписчик
- 15 часов назад
- 142 просмотра
3

ответа
JavaScript

Простой
Как реализовать логику назад вперед?
- 1 подписчик
- 18 часов назад
- 89 просмотров
0

ответов
JavaScript

+2 ещё

Средний
Как подключить вконтакте на сайт чтобы слать юзеру в вк уведомления или сообщения?
- нет подписчиков
- вчера
- 136 просмотров
1

ответ
JavaScript

+1 ещё

Сложный
Fastify долгая загрузка что можно сделать как найти причину?
- 1 подписчик
- вчера
- 56 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Где можно увидеть реализацию такого эффекта при скролле?
- 1 подписчик
- 24 нояб.
- 202 просмотра
2

ответа
JavaScript

Простой
Fetch дает ошибку?
- 1 подписчик
- 23 нояб.
- 111 просмотров
1

ответ
JavaScript

Простой
Обьясните про функцию массив?
- 3 подписчика
- 23 нояб.
- 731 просмотр
1

ответ
JavaScript

+1 ещё

Простой
Почему JS не видит SVG-элементы по ID?
- 1 подписчик
- 22 нояб.
- 78 просмотров
1

ответ
JavaScript

Средний
Почему не срабатывает горячая клавиша в расширение?
- 1 подписчик
- 22 нояб.
- 45 просмотров
1

ответ
Показать ещё Загружается…

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

Разработчик на Python

26 нояб. 2024, в 13:05

450 руб./в час

Верстка магазина на opencart + юкасса

26 нояб. 2024, в 12:58

30000 руб./за проект

Настроить BLE стек на чипе NRF52840

26 нояб. 2024, в 12:56

1500 руб./в час

Видимо, после загрузки последней картинки сначала срабатывает событие load, а потом пересчитывается высота страницы

Answer 1 · 2019-10-16 19:27:22

1. Обработчик должен быть установлен перед тем, как загрузится дом, иначе событие не произойдёт.
2. Может у вас онлоад обёрнут в онрэди / где скрипт подключён: в хэаде/перед закрытым бади, как загружается: синхронно/асинхронно / кеширование. Да миллион вариантов. Дебажьте. Дело в таймингах происходящего.
3. Кончайте с жуйквери в 2019 веке.

Почему не работает $(document).scrollTop(5000); при загрузке страницы?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт