单击链接后可滚动的垂直菜单跳至顶部

时间:2019-01-16 21:23:39

标签: html css django menu bootstrap-4

晚安社区,

我遇到一个与垂直菜单有关的问题,当菜单中的项目多于页面可垂直放置时,该菜单可滚动。如果我向下滚动至菜单顶部时未滚动至屏幕上未显示的项目,然后单击该项目以转到相应页面,则该页面将被加载,但菜单会跳回到顶部,这样我刚刚单击的项目就不会再次显示在屏幕上。但是我希望在加载新页面时显示菜单项中带有项目的部分,而不是菜单顶部。

我正在使用python和django开发我的网站,并使用bootstrap作为前端,如果这有助于解决我的问题。

我将添加一些图片以可视化我的问题。可悲的是我还不能直接发布图片。

Starting Position 1 <-这是菜单的顶部,已加载页面'Einführung'

Scrolled Position 2 <-这是滚动位置,我想单击“打印功能”链接

Top Position 3 <-这是单击链接(顶部位置)后的菜单

Scrolled Position 4 <-这是单击链接后向下滚动时的菜单

我为图片编号了以便于参考。当前,单击链接后,菜单处于第三张图片的状态,但我希望菜单处于第四张图片的状态。

编辑1: 我忘了添加菜单滚动方式。我使用了malihu-custom-scrollbar-plugin。 The Plugin

预先感谢您的回答!

1 个答案:

答案 0 :(得分:0)

我发现了一个不完美的解决方案,因为在单击链接然后到达所需位置后,它总是会在几毫秒内跳到顶部。

页面加载时我已经使用过

$(selector).mCustomScrollbar("scrollTo",position);
相关问题