侧边栏卷轴不工作。只有页面滚动才能工作。

Question

我正在设计一个网页，其中我有一个侧边栏和其他一些东西，如下所示

​

​

在这里，您的朋友是我说的侧边栏。每当我将光标放在侧边栏上并滚动时，页面就会滚动而不是侧边栏。

我期望发生的是，当我将光标放在侧边栏之外并滚动时，主页应该向下滚动。当我把它放在侧边栏上滚动时，侧边栏应该向下滚动。

这是我的侧边栏的CSS

header .c-header-container .c-side-bar-right {
  position: fixed;
  top: 80px;
  bottom: 37px;
  right: 0px;
  background-color: var(--side-bar-color);
  display: flex;
  flex-direction: column;
  padding: 1rem;
  border: 4px solid black;
  border-top: none;
  width: 20%;
  z-index: -1;
  overflow-y: scroll;
}

我有办法做到这一点吗？

Answer 1

我真的没有发现你的代码有缺陷，但你能不能尝试将z-索引设置为一个正值，或者更好地删除它？相对于您设置的z索引元素，以及该元素的css属性是什么？我们还在工作

Answer 2

侧边栏没有滚动，可能是因为它的z索引。尝试将其设置为高值，可能99或更高。这应该能解决问题。

.sidebar-class {
    z-index: 99;
}