页面部分的视差，其余的正常滚动

Question

我有一个页面，由几个部分组成。所有这些（除了最后一个）必须采用屏幕的整个高度，使用视差滚动，最后一个 - 根据其内容具有动态高度。内容比屏幕高几倍，并且必须正常滚动。

Here's codepen https://codepen.io/eagor/pen/MozVjo I've edited a bit to show what I need to achieve.前3个部分表现得像我需要的那样。唯一要补充的是 - 最后一节的正常滚动。

Answer 1

你可以选择像

这样的东西

.background:nth-child(4) {
    height: 100%;
    overflow-y: scroll;
    ...
}

现在你只需重新定义透明背景。