我有一个滚动侧边栏菜单。因此,当我选择一个菜单项时,它应该显示在侧边栏的顶部位置。设置活动菜单没有问题。我得到了它。但我无法设置侧边栏的顶部位置。 请不要推荐 jQuery。而是建议我使用普通的 JavaScript 这是一些代码参考
.sidebar{
height:100px
overflow-y:scroll;
}
.sidebar ul li{
padding:30px;
}
<!-- CSS -->
<!-- html -->
<div class="sidebar">
<ul>
<li>item1</li>
<li>item2</li>
<li>item3</li>
<li>item4</li>
<li>item5</li>
<li>item7</li>
<li>item8</li>
<li>item9</li>........
<li>item100</li>
</ul>
</div>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
使用
:target伪类、flexbox布局以及order属性的纯 CSS 解决方案。.sidebar { background-color: #ddd; height: 200px; overflow-y: scroll; } .sidebar ul { display: flex; flex-direction: column; margin: 0; } .sidebar li { padding: 1em; order: 1; } .sidebar :target { background-color: #aaa; order: 0; }