Принесите активный Bootstrap navbar link

Question

У меня есть загрузочный navbar на моем сайте с сложенным меню, которое переключает/выключает. Мне бы хотелось, чтобы при нажатии пользователем одной из ссылок в меню (которая является выпадающим списком, кстати) эта активная ссылка должна перейти в верхнюю часть меню. Таким образом, они могут видеть более расширенный список выпадающих элементов.

Вот обычный Bootstrap Navbar. Я хочу, чтобы, когда я нажимаю «Распаковать», добавьте эту активную ссылку вверху под «имя проекта».

Answer 1

Если я понимаю, что вы хотите сделать правильно, с точки зрения пользовательского интерфейса, я бы настоятельно рекомендовал против этого. Это очень неожиданное поведение для пользователя, который, вероятно, путается, почему вещь, которую они только что нажали, переместилась. Это может также вызвать ошибки у людей, открывающих меню, затем (поскольку их палец, вероятно, все еще близок к экрану) случайно нажимает один из пунктов меню и перемещается на новую страницу.

Если вы беспокоитесь о том, что пользователи не могут увидеть все предметы, возможно, вам стоит рассмотреть другой интерфейс меню для ваших мобильных устройств, таких как off-canvas menu (нажмите маленькую кнопку «toggle nav», а не меню hamburner, чтобы увидеть меню холста). Это даст вам больше возможностей для воспроизведения ваших пунктов меню.