Прокручиваемое вертикальное меню переходит наверх после нажатия на ссылку - PullRequest
0 голосов
/ 17 января 2019

Добрый вечер, сообщество,

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

Я разрабатываю свой сайт на python и django и использую начальный загрузчик для веб-интерфейса, если это поможет с моей проблемой.

Я добавлю несколько картинок, чтобы визуализировать мою проблему. К сожалению, я пока не могу публиковать фотографии напрямую.

Начальная позиция 1 <- это верхняя часть меню с загруженной страницей Einführung </p>

Позиция прокрутки 2 <- это позиция прокрутки, и я хочу нажать ссылку «Print-Funktion» </p>

Верхняя позиция 3 <- Это меню после того, как я нажал на ссылку (верхняя позиция) </p>

Положение прокрутки 4 <- это меню, когда я прокручиваю вниз после нажатия на ссылку </p>

Я пронумеровал фотографии для удобства. В настоящее время меню находится в состоянии 3-го изображения после того, как я нажал на ссылку, но я хочу, чтобы меню было в состоянии 4-го изображения.

Edit1: Я забыл добавить, как я сделал меню прокручиваемым. Я использовал плагин malihu-custom-scrollbar-plugin. Плагин

Заранее благодарю за ответы!

1 Ответ

0 голосов
/ 29 января 2019

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

Я использовал это, когда страница загружается

$(selector).mCustomScrollbar("scrollTo",position);
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...