Bootstrap Scrollspy和Parallax

Question

这是我的html文件：

Html

这是我的css文件：

CSS

问题是：如果我从css中的“ 正文，html ”中删除“ html ”在第35行，我的scrolllspy导航栏正在工作，但我的parralax效果消失了。

但如果我将“ html ”添加到“ body，html ”，则视差效果正常但不是我的卷轴。

问题出在“ 身高：100％ ”，但不知道如何解决这个问题。

我正在使用bootstrap 4。

Answer 1

更改css

的sticky-top

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

工作小提琴here