Как оптимизировать сортировку списка ol?

Question

У меня есть список ol. С помощью свойств css он изменяет порядок отображения списка li. Но есть проблема, скролл при умолчании в самом низу, как сделать так, чтобы он был в самом вверху при загрузке страницы??? Список

Answer 1

Можно использовать scrollIntoView() для последнего элемента в списке.

lastli = document.querySelector('ol li:last-child');
lastli.scrollIntoView();

ol {
  height: 100px;
  overflow: auto;
  display: flex;
  flex-direction: column-reverse;
  width: 200px;
}

<ol>
  <li>testtesttest</li>
  <li>testtesttest</li>
  <li>testtesttest</li>
  <li>testtesttest</li>
  <li>testtesttest</li>
  <li>testtesttest</li>
  <li>testtesttest</li>
  <li>testtesttest</li>
  <li>testtesttest</li>
  <li>testtesttest</li>
  <li>testtesttest</li>
  <li>testtesttest</li>
</ol>

БЛОГ НА HUSL

Как оптимизировать сортировку списка ol?

Ответы (1 шт):