Оптимизация меню каталога bootstrap?

Question

[WebforSelf]

Добрый день, есть сайт сверстанный на бутстрапе.

Вот так выглядит меню каталога на десктопе.
В мобильной


Суть вопроса: при переходе по категориям они разворачиваются и соответственно попав на другую страницу ты оказываешься в самом верху. Тоесть приходится на телефоне прокручивать все категории чтоб добраться до области контента каждой категории. Какое решение будет оптимальным для данной ситуации , чтоб юзеру было удобно.

Answer 1

[Alexandr Alexandrov]

Для мобильных экранов можете сделать, по умолчанию, плавный скролл к области контента. Например,

if ($(window).width() < 768) {
     $("#content").animate({scrollTop: 10}, 1000);
}

Подробнее: api.jquery.com/scrollTop

###

Это длинное меню можете переделать, свернув в гамбургер и\или раскрывать по клику на иконку. Например, https://bootsnipp.com/snippets/featured/navbar-lat...