Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 导航-固定_Jquery_Css_Navigation - Fatal编程技术网

Jquery 导航-固定

Jquery 导航-固定,jquery,css,navigation,Jquery,Css,Navigation,我正在尝试创建一个导航稍微复杂的站点。我已经让导航看起来像我想在初始加载,但现在我试图让它粘性导航到顶部的滚动。我已经能够在导航栏点击顶部时创建一个类,但无法将其设置为sticky。每次我添加一个位置,它就会跳下来。任何建议或帮助都会很好 以下是网站: 需要固定滚动的div是moduletable_菜单,当它到达页面顶部时,还可以将主导航滚动添加为一个类 看起来您真正需要的是将实际样式添加到.moduletable_菜单ul元素,而不是父元素。因此,只需将以下样式添加到子元素(在DevTools

我正在尝试创建一个导航稍微复杂的站点。我已经让导航看起来像我想在初始加载,但现在我试图让它粘性导航到顶部的滚动。我已经能够在导航栏点击顶部时创建一个类,但无法将其设置为sticky。每次我添加一个位置,它就会跳下来。任何建议或帮助都会很好

以下是网站:


需要固定滚动的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;
}