Javascript 两个div之间的关系

想象一下div1和div2。div1的宽度为100%，高达800px。div2固定在浏览器顶部，也有100%的宽度，可能有3000px高。我正试图着陆，所以你可以看到div1，但当你向下滚动时，div1会滑到一边，显示div2及其所有内容。看起来很容易，但我想不出来

div1{
宽度：100%；
高度：800px；
位置：？？？；
z指数：100；
背景色：白色；
}
第二组{
宽度：100%
高度：3000px；
位置：固定；
背景色：黑色；
}

首先，您的示例代码有一些缺陷，例如错误的CSS选择器（除非您创建了名为“div1”等的自定义标记），缺少结尾

（
宽度：100%
）。您还需要将固定div放置在左侧/顶部0，以将其放置在移动div的后面

要使移动的div移动，请添加一个
底部边距
，其大小为
高度
，它将从视线/视口中滚动出去

这种技术有时被称为视差滚动


.div1{
宽度：100%；
高度：800px；
位置：相对位置；
z指数：100；
背景色：白色；
边缘底部：800px；
}
.第2分部{
排名：0；
左：0；
宽度：100%；
高度：3000px；
位置：固定；
背景色：黑色；
}

如果您刚刚解除了div1的固定，您会怎么想？你所描述的不只是一个标准的卷轴吗？当你滚动时，其他东西会显示出来？同意，但它不起作用：/也许会指出选择器丢失了
？@ParkSoonWai会这样做，并在知道OP寻找什么时解释，因为不仅仅是这样。