Javascript 使用顶部固定菜单滚动时背景消失

我有一个关于菜单的问题，当我滚动时，它固定在页面顶部

在这个页面中，我使用的是一个比父div宽的子div：我从这里开始

当我开始向下滚动时，菜单是固定的，但问题是进入子div（100%宽度的水平黑色条）的图像背景（中间的蓝色“云”）消失了，我的意思是一旦菜单出现在页面顶部

我不知道如何避开这个问题

如果有人能看出问题所在

谢谢

更新：

我试过你的解决办法，但似乎不起作用。也许我的问题没有被很好地理解，这就是为什么我放了两个屏幕截图来说明问题：

在开始时，我有以下页面顶部：

当我开始向下滚动时，我得到：

我希望“蓝云”图像不会消失。

检查更新后的图像

$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
//如果您需要硬编码，请使用控制台
//.log以确定何时需要
//导航条要粘贴。
//console.log（$（window.scrollTop（））
如果（$（窗口）.scrollTop（）>115）{
$（'.horizontal_center'）.addClass（'navbar-fixed'）；
}
如果（$（窗口）.scrollTop（）<115）{
$（'.horizontal_center'）。removeClass（'navbar-fixed'）；
}
});
});

只需更改css下方的内容

div.horizontal_column {
  background-image: url("../images_template/header2_bg.jpg");
  border-color: #000000;
  border-style: solid;
  border-width: 15px 0 0;
  display: table-cell;
  height: 150px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  vertical-align: top;
  width: 100%;
  z-index: 9999;
}

---

只有Z-index:9999

你可以共享小提琴吗？在获得粘性标题后..当类被导航栏固定时你可以这样做

背景颜色：黑色；背景图片：无

，在该*中，寻求调试帮助的问题（“为什么此代码不起作用？”）必须包括所需的行为、特定的问题或错误以及在问题本身中重现该问题所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参见：如何创建*感谢您的回复，但我不希望水平列被固定，我只希望“向下滚动时固定在顶部。开始滚动时消失的背景图像是”背景图像：url（“../images\u template/header\u bg.jpg”）“进入container@user1773603为什么要投否决票？你能共用一把小提琴或一支笔吗？否则，很难在一个完整的网站上关注一个特定的问题。很抱歉延迟，您可以在@user1773603上测试我的问题。它是否已经工作了？当你在我的浏览器上向下滚动时，标题会粘在顶部是的，但是当你开始向下滚动时，导航栏下的“蓝云”会消失，这就是我在上面的第二个屏幕截图上指出的。谢谢你的回答，它能工作！你能简单地告诉我这个“z指数：9999”是如何防止导航条被掩埋的吗？乍一看，我本想把“z-index:9999”改为navbar fixed。

div.horizontal_column {
  background-image: url("../images_template/header2_bg.jpg");
  border-color: #000000;
  border-style: solid;
  border-width: 15px 0 0;
  display: table-cell;
  height: 150px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  vertical-align: top;
  width: 100%;
  z-index: 9999;
}