Javascript 滚动页面时，子菜单离开菜单

我对子菜单的位置有问题，当我打开页面时，子菜单的位置很好，但问题是当我滚动页面并尝试打开子菜单时，子菜单的位置不正确

---

我知道这个问题是由于使用了position:fixed引起的，但如果我尝试更改它，则contentdiv后面会显示子菜单，我尝试使用z-index来解决这个问题，但没有帮助，任何建议都会很好

老实说你的小提琴有点乱。。。不能对子菜单使用固定位置。你应该使用绝对位置

我将此添加到您的CSS中，以稍微修改您的导航栏：

.horizontalni li {position:relative;}
.navigation {z-index:100; ;}
.has-sub.parent .wrapper {position: absolute;}
.horizontalni {overflow:visible;max-width:100%}
body {margin:0; padding:0; overflow:hidden;}

下面是您修改后的示例：

希望能对你有所帮助

编辑：将溢出：隐藏更改为溢出：在正文中自动如果您想使用滚动条检查它

嗨，请在此处查看演示

CSS中所做的更改

---

太神了你到底想达到什么目的？复制我的答案，然后发布。。。甚至用我自己改装的小提琴？当你更改答案中代码的顺序时，你忘了在小提琴中更改它。好吧，如果你如此渴望得到一些分数，让我知道，我会给你一些让你享受。我只是更新了你的代码。。。并将has-sub1菜单定位到右侧。。。所以很明显，当我更新你的代码时，我会得到你的fiddle代码。horizontalni.has sub.has-sub1.wrapper{left:100%}/*更新的代码*/

.horizontalni li {position:relative;}
.navigation {z-index:100; ;}
.has-sub.parent .wrapper {position: absolute;}
.horizontalni {overflow:visible;max-width:100%}
body {margin:0; padding:0; overflow:hidden;}

.horizontalni .has-sub .has-sub1 .wrapper{left:100%} /* Updated code */