主页 / 问题 / 1339451
Accepted
ZAK ATTACK
Asked:2022-03-18 13:31:46 +0800 CST2022-03-18 13:31:46 +0800 CST

如何优化ol列表排序？

  • 772

我有一个清单。使用 css 属性，它改变了 li 列表的显示顺序。但是有一个问题，滚动条默认在最底部，如何让它在页面加载时处于最顶部？？？列表CSS代码

css

1 个回答

  1. Best Answer

    您可以在列表中的最后一项上使用 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>

    • 1

相关问题