Jquery 避免绝对定位div滚动

我有两个div，绝对定位。一个div的z-index:1，另一个z-index:2。当我滚动页面时，第二个div变为可见

我需要的是，第一个div粘贴在页面顶部，以便第二个div在滚动条上的第一个div上滑动

我尝试了几件事，但没有达到预期的效果。我不想使用固定定位，因为div是界面布局的一部分；我担心修理这个分区会破坏布局

我准备了以下文件：

CSS:

---

好的，您可以通过JavaScript更改第一个div的top属性相对于滚动条位置的值，以便在页面滚动时移动元素：

$window.onscroll，函数{ $main.csstop、$window.scrollTop； };

*{
    margin: 0px; 
    padding: 0px; 
}

body{ 
    background: yellow; 
    height:100%; 
} 

#wrapper{ 
    position: absolute; 
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto; 
    width: 400px; 
    height: 100%; 
    background-color: blue; 
} 

#main{ 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    height: 100%; 
    width: 100%; 
    background-color: red; 
    z-index: 1; 
} 

#list{ 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    background-color: green; 
    bottom: -90%; 
    z-index: 2; 
}