Меню с переполнением: прокрутка - положение выбранного элемента в центре

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