Как работает window.scrollTo — проблема?

Question

[Спартак]

Привет парни, нужно решить задачу, а именно: прокрутить браузер сразу после его загрузки на 100рх вниз.
Я попробовал это сделать, браузер едет вниз на 100рх, но какого то черта сразу потом возвращается наверх обратно, я нихрена не пойму ПОЧЕМУ ?????? В пример в интернете об этом ни слова нет!! Подскажите мне балбесу, как решить эту проблему скачущего браузёра, я молчу уже о плавности прокрутки, ёё вообще нет!!

window.scrollTo({
		top: 800,
		left: 0,
		behavior: 'smooth'
	})

Comments

[Алексей Дубровин]

Потому-что проблема не в коде.

Создайте чистую страницу, и проверьте. Скачет ли там скролл.
О магия, не скачет.

[Спартак]

Алексей Дубровин, я прежде чем сюда писать так и сделал,он как скакал,так и скачет. Не скачет только если там нет контента вообще

[Алексей Дубровин]

Спартак, Я этот код скопировал и вставил прям на этом сайте(qna.habr)
У меня не скачет.
Попробуйте.
Тут есть контент.

[Спартак]

Алексей Дубровин, согласен,действительно не скачет, а какого же он скачет при обновлении страницы блин ? Ладно,это уже другая история,еще 2 дня убить на этот вопрос я не готов

[Алексей Дубровин]

Спартак,
Вы делаете прокрутку, после загрузки страницы?(Нужно дождаться, когда все элементы отрисуются, только потом делать scroll)

[Спартак]

Алексей Дубровин, да,после загрузки страницы, спустя 5 сек. Вот такая стоит задача.но я ее кое как решил,теперь проблема с behavior: 'smooth' нет плавности вообще ((

[imko]

Ты с сафари что ли?Он не умеет в плавный скролл, используй полифилл

[Спартак]

imko, нет,не с сафари, обычный Хром

Answer 1

[Flyheck]

Возможно, у вас есть какой-то другой код или сторонний скрипт, который вызывает прокрутку обратно наверх после вашего события прокрутки. Для решения этой проблемы я рекомендую следующее:

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

Используйте setTimeout для добавления небольшой задержки перед выполнением прокрутки. Это может помочь, если другой скрипт выполняет прокрутку после вашего события прокрутки.

window.onload = function() {
  setTimeout(function() {
    window.scrollTo({
      top: 100,
      left: 0,
      behavior: "smooth"
    });
  }, 500); // Задержка в 500 миллисекунд
};

Вы можете попробовать использовать стек вызовов для поиска места, где вызывается лишняя прокрутка.

window.addEventListener("scroll", function() {
  console.log("Прокрутка вызвана", new Date().getTime());
  console.trace(); // Вывод стека вызовов
});