Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/447.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
CSS/Javascript菜单固定位置问题(滚动时)_Javascript_Css_Scroll_Menu_Fixed - Fatal编程技术网

CSS/Javascript菜单固定位置问题(滚动时)

CSS/Javascript菜单固定位置问题(滚动时),javascript,css,scroll,menu,fixed,Javascript,Css,Scroll,Menu,Fixed,这是我的小提琴: 问题就在这里: .topmenu-ul li ul { font-size: 0; display: none; list-style: none; position: fixed; top: 35px; left: -32px; } 菜单和现在一样完美。唯一的问题是,当我有一个可以滚动的页面时。子菜单(带有“dashboard”链接等)保持不变,因为它是固定的。当我删除“position=fixed”属性时,整个菜单都被搞砸

这是我的小提琴:

问题就在这里:

.topmenu-ul li ul {
    font-size: 0;
    display: none;
    list-style: none;
    position: fixed;
    top: 35px;
    left: -32px;
}

菜单和现在一样完美。唯一的问题是,当我有一个可以滚动的页面时。子菜单(带有“dashboard”链接等)保持不变,因为它是固定的。当我删除“position=fixed”属性时,整个菜单都被搞砸了。当我将其更改为相对时也是如此。有什么建议吗?

你应该这样改变它

.topmenu-ul li ul {
    font-size: 0;
    display: none;
    list-style: none;
    position: absolute;
    top: 35px;
    left: -32px;
}


元素。

将其更改为
位置:绝对
我以前尝试过,但没有成功。现在我明白为什么了,因为我有其他CSS的东西:P我编辑了我的提琴:我也尝试过,但我现在编辑了我的提琴,因为我有一些额外的CSS样式在那里。很棒的东西,非常感谢,希望我可以检查这两个作为接受的答案!只要他的解决方案解决了你的问题,他就活该。
position:relative
nav class="nav"