Javascript 刷新后重定向到导航栏的选定项,不滚动
我尝试在刷新页面后突出显示导航栏的选定值。我是用Javascript 刷新后重定向到导航栏的选定项,不滚动,javascript,jquery,twitter-bootstrap,razor,twitter-bootstrap-3,Javascript,Jquery,Twitter Bootstrap,Razor,Twitter Bootstrap 3,我尝试在刷新页面后突出显示导航栏的选定值。我是用localStorage完成的。它正在工作。但现在,当我单击底部元素时,导航栏的滚动条总是向上。我想在刷新后将其重定向到所选值(无需滚动) 这是我的导航栏元素加载div。这@{Html.RenderAction(“GenarateMenuByUser”,“Menu”,new{area=”“});}将元素从控制器加载到导航栏。它有40个元素 <div id="sidebar-wrapper">
localStorage
完成的。它正在工作。但现在,当我单击底部元素时,导航栏的滚动条总是向上。我想在刷新后将其重定向到所选值(无需滚动)
这是我的导航栏元素加载div
。这@{Html.RenderAction(“GenarateMenuByUser”,“Menu”,new{area=”“});}
将元素从控制器加载到导航栏。它有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", "Menu", new { area = "" });}
</ul>
</div>
</div>
因此,请帮助我在单击底部元素然后刷新页面时将导航栏重定向到所选元素(避免刷新后向上滚动)
$(".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");
}