Jquery 导航-固定
我正在尝试创建一个导航稍微复杂的站点。我已经让导航看起来像我想在初始加载,但现在我试图让它粘性导航到顶部的滚动。我已经能够在导航栏点击顶部时创建一个类,但无法将其设置为sticky。每次我添加一个位置,它就会跳下来。任何建议或帮助都会很好 以下是网站:Jquery 导航-固定,jquery,css,navigation,Jquery,Css,Navigation,我正在尝试创建一个导航稍微复杂的站点。我已经让导航看起来像我想在初始加载,但现在我试图让它粘性导航到顶部的滚动。我已经能够在导航栏点击顶部时创建一个类,但无法将其设置为sticky。每次我添加一个位置,它就会跳下来。任何建议或帮助都会很好 以下是网站: 需要固定滚动的div是moduletable_菜单,当它到达页面顶部时,还可以将主导航滚动添加为一个类 看起来您真正需要的是将实际样式添加到.moduletable_菜单ul元素,而不是父元素。因此,只需将以下样式添加到子元素(在DevTools
需要固定滚动的div是moduletable_菜单,当它到达页面顶部时,还可以将主导航滚动添加为一个类 看起来您真正需要的是将实际样式添加到
.moduletable_菜单ul
元素,而不是父元素。因此,只需将以下样式添加到子元素(在DevTools中测试):
目前,似乎没有任何样式与新的
类关联。试试这个,让我知道它是否对你有效 声明以下样式将在添加类main nav scrolled
时将相关导航固定到菜单顶部
CSS
.main-nav-scrolled .top-menu li {
display: inline-block;
float: none;
}
.main-nav-scrolled .top-menu {
position: fixed;
top: 0;
bottom: auto;
z-index: 9;
left: 0;
right: 0;
width: 100%;
text-align: center;
}
.main-nav-scrolled .top-menu li {
display: inline-block;
float: none;
}
.main-nav-scrolled .top-menu {
position: fixed;
top: 0;
bottom: auto;
z-index: 9;
left: 0;
right: 0;
width: 100%;
text-align: center;
}