Почему не работает $(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);
});

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

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

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

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

Простой
Почему не срабатывает prototype reverse на строке?
- 1 подписчик
- 10 часов назад
- 40 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как лучше обратиться к кнопке через id или через class?
- 1 подписчик
- 11 часов назад
- 59 просмотров
2

ответа
JavaScript

+2 ещё

Простой
Как сделать ajax фильтрацию по категориям в WP?
- 1 подписчик
- 12 часов назад
- 20 просмотров
0

ответов
JavaScript

Средний
Как сделать, чтобы встроенный обработчик события убрал сам себя?
- 3 подписчика
- 15 часов назад
- 349 просмотров
0

ответов
JavaScript

Простой
Как реализовать карирование так, чтобы оно не было замкнуто на одну переменную?
- 1 подписчик
- 18 часов назад
- 77 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Галерея 3DWave. Перевел HTML в JS. Не работает.?
- 1 подписчик
- вчера
- 79 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как совместить JS и Django?
- 1 подписчик
- вчера
- 90 просмотров
1

ответ
JavaScript

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

ответов
JavaScript

+1 ещё

Простой
Почему падает локальный сервер?
- 1 подписчик
- вчера
- 93 просмотра
0

ответов
JavaScript

Простой
Отмена дефолтного поведения?
- 1 подписчик
- вчера
- 88 просмотров
1

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

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

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

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

вАйТи

от 5 000 до 25 000 ₽

Middle JavaScript Developer

AppsTrain.io

от 80 000 до 180 000 ₽

Перенести 9 страниц сайта из песочницы на бой

02 мая 2024, в 10:01

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

Скрипт регистрации и организации личного кабинета посетителя

02 мая 2024, в 09:26

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

Подключить платежку и црм к интернет-магазину на modX

02 мая 2024, в 09:12

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

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

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

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

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

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

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

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