Javascript 悬停固定div可防止在div内滚动

问题: 有可能防止这种行为吗

我尝试的是： 更改Z索引和搜索论坛。挑战是prober搜索的关键词。主要是关于防止固定div后滚动的点击。 一些JS建议，但都有闪烁

真实世界应用程序： 导航/关闭不阻止悬停时滚动

HTML

---

将此CSS样式添加到您的固定div中，以允许在导航元素上悬停时滚动

pointer-events: none;

---

此解决方案的缺点是，您将无法再单击该元素以将其用作按钮。

使用“位置粘滞”而不是“固定”如何？这需要添加某种包装文本内容的容器元素。

---

请看@pavan，请给我2分钟来编辑这个。第一篇文章，需要添加代码。@pavan现在。如果你有任何可靠的帮助，请告诉我。@Alex谢谢你清理东西。我以后会以你为榜样。谢谢亚历克斯。这很优雅，但你是对的。需要点击。谢谢你没有跳到我身上。@Thomas没问题，我还没有试过，但这似乎解决了点击而不滚动的问题：选择Nicks答案。但是投票结果（因为我是新来的，所以看不见）指向了一个可能的方向：）嘿，尼克。这可能是一条路。我需要添加-webkit-，然后进行检查。我想我可能会跟随你的想法，但是用JS做这件事可以得到更广泛的报道。你会担心支持吗？这取决于你需要支持哪些浏览器。我们不支持IE 11，所以到目前为止，我一直在生产现场使用position sticky，没有任何问题（敲打木头）。这就是我需要听到的；）再次感谢。

.nav {
    position: fixed;
    top: 80px;
    right: 80px;
    padding: 50px;
    background-color: pink;
    border: 3px solid red;
}

.box {
    position: fixed;
    top: 50px;
    right: 50px;
    left: 50px;
    bottom: 50px;
    border: 3px solid red;
    overflow: scroll;
}

pointer-events: none;

.nav {
  position: sticky;
  top: 80px;
  right: 20px;
  float: right;
  width: 200px;
  padding: 50px;
  background-color: pink;
  border: 3px solid red;
  z-index: 1;
}


.content {
  position: absolute;
  width: 100%;
}

.box {
  position: fixed;
  top: 50px;
  right: 50px;
  left: 50px;
  bottom: 50px;
  border: 3px solid red;
  overflow: scroll;
}