html - Bootstrap Scrollspy 和 Parallax

Question

这是我的 html 文件:

Html

这是我的 CSS 文件:

CSS

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

但如果我将“html”添加到“body, html”，视差效果就会起作用但不是我的 scrollspy。

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

我正在使用 bootstrap 4。

Answer 1

更改 sticky-top 的 css

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

工作 fiddle here