Bootstrap Scrollspy 和视差答案

【问题标题】：Bootstrap Scrollspy and ParallaxBootstrap Scrollspy 和视差
【发布时间】：2018-05-05 13:46:00
【问题描述】：

这是我的 html 文件：

这是我的 css 文件：

问题是：如果我要从 CSS 中的“body, html”中删除“html”在第 35 行，我的 scrollspy 导航栏正在工作，但我的视差效果消失了。

但如果我将“html”添加到“body, html”，则视差效果会起作用但不是我的卷轴间谍。

问题出现在“height : 100%”，但不知道如何解决。

我正在使用引导程序 4。

【问题讨论】：

抱歉，没有得到您想要的？
@Zuber 我想要一个带有引导视差背景的网站和一个带有滚动间谍的置顶导航栏。但是，如果我在 css 中向 html 添加“高度：100%”，则视差背景正在工作，但 scrollspy 导航栏却没有。如果我要删除它，则 scrollspy 导航栏正在工作，但视差背景消失。
@Zuber 这是我想要的示例：djteam-gp.de
尝试高度：100vh；而不是身高 100% 不起作用...我仍在找出原因。但宽度 100% 有效。
@AlaksandarJesusGene 无法正常工作...

【解决方案1】：

更改css 的sticky-top

.sticky-top {
    position: fixed;
    top: 0;
    z-index: 1020;
    left: 0;
    width: 100%;
}

工作小提琴here

【讨论】：