Почему не срабатывает скролл?

Question

[topi768]

Я в замешательстве. У меня есть страница с пагинацией и хочу сделать так, чтобы при обновлении элементов прокручиволось вверх.

html,
body {
  height: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

а в коде

function handleClickPagination(a: number) {

  window.scrollTo(0, 100);
}

. и суть проблемы. скролл не работает, когда есть overflow-x: hidden;. но работает, когда это убираю. Как это может быть связано, если скролл вертикальный, а overflow по горизонтали? (картинка не несет особой нагрузки. просто чтобы было чуть понятнее что у меня происходит)

Answer 1

[Антон Антон]

Это из-за того, что скролл не у window, а у вложенного элемента, его и надо скроллить. Есть замечательная вещь https://developer.mozilla.org/en-US/docs/Web/API/E... которая работает независимо от того, что скроллится, в том числе для нескольких вложенных скроллов. Можно с её помощью скроллить до какого-то элемента наверху. Еще может пригодиться (не все знают) https://developer.mozilla.org/en-US/docs/Web/CSS/s... и https://developer.mozilla.org/en-US/docs/Web/CSS/s...