Html 滚动覆盖另一个div的div

我有一个集装箱舱，里面有两个舱

.class{
身高：100%；
宽度：100%；
位置：相对位置；
}
.圆圈{
位置：绝对位置；
身高：50%；
宽度：50%；
边界半径：50%；
边框：2件纯黑；
背景:"82CAFF,；
}
.地图{
身高：100%；
宽度：100%；
位置：绝对位置；
z指数：1；
}

指针事件：无在圆圈上？位置：固定在圆圈上？我尝试了两种方法，但仍然无法滚动下方的div。谢谢你的回复