我有一个滚动侧边栏菜单。因此,当我选择一个菜单项时,它应该显示在侧边栏的顶部位置。设置活动菜单没有问题。我得到了它。但我无法设置侧边栏的顶部位置。 请不要推荐 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>
使用
:target
伪类、flexbox
布局以及order
属性的纯 CSS 解决方案。