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

Question

我遇到了当鼠标在固定位置元素上时页面无法滚动的问题。

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

div是由

创建的

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

Answer 1

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

.div {
    pointer-events: none;
}