当鼠标位于固定位置元素上时，面板不可滚动

Question

我遇到一个问题，当鼠标位于固定位置元素上时页面无法展开。

如下所示，我使用固定位置使用“ abcd”创建了一个div。背景是可滚动的内容。但是，当鼠标位于蓝色div时，我无法滚动背景。我想知道当鼠标位于固定位置的div上时，是否仍然可以滚动背景？

div是由

创建的

.div{
    background: aliceblue;
    position: fixed;
    overflow-y: scroll;
    z-index: 999;
}

Answer 1

尝试将以下属性添加到固定元素：

.div {
    pointer-events: none;
}