Css ScrollReveal、视差效果和溢出属性的问题

这是我在这个社区的第一篇帖子。我正试图解决一个问题，这个问题与ScrollReveal.js代码和我在同一页面上内置的视差的组合有关

我的问题是：在我的页面的页眉部分，我有一个复杂的视差，在几个层中有一个城市视图，当你向下滚动页面时，它会给你一个深度的印象。然后内容div进入视野，覆盖视差。我基本上改编了Sam Beckham的CodePen中的CSS：

他称之为视差覆盖的div层是我放置内容的地方。如果没有这个盖子，视差就无法工作

标记结构如下所示：

 <div class="parallax">
   <div class="parallax__layer parallax__layer__0"></div>
   <div class="parallax__layer parallax__layer__1"></div>
   <div class="parallax__layer parallax__layer__2"></div>
   <div class="parallax__layer parallax__layer__3"></div>

   <div class="parallax__cover>
     //page content goes here
   </div>

 </div>

//页面内容在这里

我只将视差div（而不是页面内容）包装在一个包装器中，该包装器被赋予了overflow:hidden（而不是视差div）。问题依然存在

我在视差div中添加了一个空的绝对定位视差盖，高度为1000px（也尝试了100vh）。页面内容div保持在视差div之外，位置为：relative。视差在工作。卷轴也是如此。我的问题是：无论我如何定位我的内容，我都无法将其直接定位在“视差”封面分区的上方。我的页面内容要么捕捉到页面顶部，覆盖视差。或者我的视差和页面内容之间有1000px（或100vh）高的部分

我真的被困在这里，不知道该怎么做才能基本上让浏览器输出scrollTop值并让ScrollReveal再次工作

如果有人知道如何解决这个问题，我将不胜感激。非常感谢

---

莫里茨经过几个不眠之夜，我找到了答案： 当overflow设置为hidden时，不会输出scrollTop值。没有解决办法。所以我所做的就是重新构造我的视差，仅仅通过background.image属性来实现它。不是通过我的HTML。只有通过CSS。然后我用JavaScript以不同的速度将这些背景图像“动画化”…由于背景图像不需要“隐藏”溢出，ScrollReveal现在工作得很好

 <div class="parallax">
   <div class="parallax__layer parallax__layer__0"></div>
   <div class="parallax__layer parallax__layer__1"></div>
   <div class="parallax__layer parallax__layer__2"></div>
   <div class="parallax__layer parallax__layer__3"></div>
 </div>

 <div class="page-content>
    //page content goes here
 </div>