如何解决水平滚动菜单不断滚动到开始
<nav id="pnProductNav" class="pn-ProductNav">
<div id="pnProductNavContents" class="pn-ProductNav_Contents">
<a href="myFridge.PHP" class="scrollmenu-item ">Kõik</a>
<a href="milk.PHP" class="scrollmenu-item">Piima-ja munatooted</a>
<a href="meat.PHP" class="scrollmenu-item">Liha- ja kalatooted</a>
<a href="fruit.PHP" class="scrollmenu-item">Puu- ja köögiviljad</a>
<a href="foods.PHP" class="scrollmenu-item">Valmistoidud,salatid</a>
</div>
如果我点击菜单栏中的一个项目,那么“active”会被添加到该项目的类中,如下所示:
$(function () {
$('div.pn-ProductNav_Contents > a').each(function () {
if (window.location.pathname.indexOf($(this).attr('href')) > -1) {
$(this).closest('a').addClass('active');
return false;
}
});
});
CSS:
.active {
color: black !important;
border-bottom: 4px solid skyblue;
}
但是每次我点击菜单项转到另一个页面时,菜单栏都会滚动回到开始处。如何让活动菜单项停留在菜单栏的中间而不是向后滚动?
如果我点击菜单项会发生什么的小演示:
Scrollmenu jumps back to start
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。