首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >包含固定元素的Scrollcontainer不能在固定元素上滚动

包含固定元素的Scrollcontainer不能在固定元素上滚动
EN

Stack Overflow用户
提问于 2018-08-06 18:09:23
回答 1查看 143关注 0票数 1

我有一个具有固定高度和溢出滚动的容器。在内部,我有一个头和内容,这是溢出的容器。

当我的鼠标放在内容上时,容器会滚动。但是当我在头部时,容器的scroll事件不会被触发。

我怎样才能在容器上的任何地方触发scrollevent,甚至在标题上?

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

https://codesandbox.io/s/k0x2oxw8x3

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

EN

回答 1

Stack Overflow用户

发布于 2018-08-06 18:16:20

只需使用指针事件: none

代码语言:javascript
复制
const Header = styled.div`
  position: fixed;
  background-color: green;
  width: 100%;
  height: 100px;
  pointer-events: none; // add this
`;

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51705203

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档