Прокрутка без анимации JavaScript

#javascript

Вопрос:

Я хочу сделать резкую прокрутку вверх.

 window.scrollTo(0, 0)
 

прокручивается плавно, как мне прокручивать вверх без анимации?

Комментарии:

1. Используйте scroll-behavior: auto в себе CSS

2. developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior

Ответ №1:

Вы передаете объект вместо позиции, например:

 element.scrollTo({
  top: 0,
  left: 0,
  behavior: 'instant'
}); 

поведение по умолчанию выбирается браузером, в Chrome он использует smooth, где в браузере webkit по умолчанию используется instant.

https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollTo

Ответ №2:

Вы можете использовать document.documentElement.scrollTop = 0; для браузеров Chrome, Firefox, IE, Opera и Edge, а document.body.scrollTop = 0 также для браузера Safari

Ответ №3:

 scroll-behavior: smooth;
 

Вы можете использовать это для плавного.

если вы не хотите, чтобы все было гладко, используйте это:

 scroll-behavior: auto;