2

你有两个 div，一个在另一个之上，顶部的一个是透明的。但是，当您滚动时，您希望底部的 div 在它位于第一个透明div下方时隐藏。

您不希望第二个 div在进入第一个 div 后立即display:更改none;为。您只希望隐藏下面的部分。

我已经广泛搜索了答案：

1）隐藏透明标题下的滚动内容

2) 滚动页面时透明固定位置 div 后面的可滚动内容

3) 在透明标题 Div 下滚动正文

4）透明的静态标题不希望滚动时在标题下显示文本

5）在固定透明页眉滚动背景下隐藏滚动内容

#1-4 答案使 div 位于顶部background: inherit或background-image: url('background_image.jpg)'. 对我来说，这个问题是我的背景是一张照片，即当你向下滚动时，你看到的是不同的，而不是颜色或图案。透明 div 的“背景”需要随着真实背景的变化而变化。

#5 使用 JQuery 提供了一个解决方案，但是在浏览器而不是 Firefox 中存在滚动滞后的可怕问题。

各位，我该怎么办？

4

1 回答 1

2

没有 JavaScript 就无法做到这一点。对于不通过透明层显示的内容，它根本不能被渲染——你需要使用overflow:hidden. 问题是如果内容随页面滚动，则无法修复内容的边缘。元素可以相对于视口或相对于页面定位，但不能同时定位。

于 2012-10-29T22:33:42.153 回答