Question

我有一个具有固定高度和溢出滚动条的容器。在内部，我有一个头文件和内容溢出了容器。

当我的鼠标放在内容上时，容器滚动。但是当我在Header上时，不会触发容器的滚动事件。

如何在容器的任何位置（甚至在标头上）触发滚动事件？

我创建了一个示例来查看行为：

我正在使用带有样式化组件的React，所以不能使用Jquery。

Answer 1

只需使用指针事件：无

const Header = styled.div`
  position: fixed;
  background-color: green;
  width: 100%;
  height: 100px;
  pointer-events: none; // add this
`;