javascript - 保持背景 div 固定，同时允许另一个 div 作为覆盖层在其上滚动

Question

所以我有一个使用anime.js和scrollmonitor作为背景div的svg变形动画，而另一个具有页面内容的div是在固定背景div上滚动。但它没有按预期工作。背景 div 不会像背景一样保持固定，而是与覆盖 div 一起向下滚动。

请帮忙解决这个问题。我对自己错过了什么一无所知。这是网站链接

https://esselion.com/passapp/#/

.morph-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 1000;
}

.content-landing-wrap{
    position: relative;
    z-index: 1100;
    overflow-y: auto;
}

Answer 1

<div class="morph-wrap">相对于其父容器是固定的。如果你搬家<div class="morph-wrap"> <div id="main"> 之外，当您滚动时它将保持固定。

<div id="content-scroll">
  <div class="morph-wrap"></div>
  <div id="main"></div>
</div>

下次请包含您的 HTML，这样我们就不必检查您的网站。这将帮助我们帮助您。 :D