带有溢出的菜单：滚动-定位选定元素的中心

Question

我的垂直导航带有溢出：滚动，因此在移动设备上，菜单项被隐藏（滚动到的菜单项除外）。

在页面刷新或如果我选择其他页面时，滚动会再次从头开始。

我要的是与页面匹配的相应项始终在视图中。

有没有一种方法可以通过使用CSS使选定项居中？就像我可以强制将滚动条置于所选菜单所在的位置吗？

Answer 1

AFAIK，仅CSS不能做到这一点。您需要使用javascript设置滚动位置。我认为您可以获取要居中的元素的滚动位置，然后使用它来滚动到正确的位置。

退房：

window.scroll（）-https://developer.mozilla.org/en-US/docs/Web/API/Window/scroll

和

.scrollTo（）-https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollTop