如何解决刷新后无需滚动即可重定向到导航栏的选定项目
刷新页面后,我尝试突出显示导航栏的选定值。我是使用localStorage
完成的。但是现在,当我单击底部元素时,导航栏的滚动始终会向上。我想在刷新后将其重定向到选定的值(无需滚动)。
这是我的导航栏元素正在加载div
。 @{Html.RenderAction("GenarateMenuByUser","Menu",new { area = "" });}
会将元素从控制器加载到NavBar。它具有40个元素。
<div id="sidebar-wrapper">
<div style="max-height: 100%;">
<ul class="sidebar-nav" style="max-height: 85%; overflow-x: auto;">
<li class="sidebar-brand">
<a href="#">
<img src="@Url.Content("~/Content/img/user-icon.png")">
@*<span>@User.Identity.Name</span>*@
<span id="logusername">@displayName</span>
</a>
</li>
@{Html.RenderAction("GenarateMenuByUser",new { area = "" });}
</ul>
</div>
</div>
这是突出显示$(document).ready(function ()
中选定值的代码:
$(".sidebar-nav li a").click(function () {
var id = $(this).attr("id");
console.log('id :' + id);
$('#' + id).siblings().find(".active").removeClass("active");
$('#' + id).addClass("active");
localStorage.setItem("selectedolditem",id);
});
var selectedolditem = localStorage.getItem('selectedolditem');
console.log('selectedolditem :' + selectedolditem);
if (selectedolditem != null) {
$('#' + selectedolditem).siblings().find(".active").removeClass("active");
$('#' + selectedolditem).addClass("active");
}
因此,当我单击底部元素然后刷新页面时(请避免刷新后向上滚动),请帮助我将导航栏重定向到选定的元素
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。