Javascript 无法使用触控板在Firefox上滚动div。在铬上工作

我在

React

中有一个容器，默认情况下它会滚动到底部，用户可以根据需要向上滚动。此外，我们希望仅在用户滚动后显示滚动条，因此默认情况下它是

溢出：隐藏的

，一旦用户开始滚动，我们将侦听

滚轮

事件，并添加一个类使其

溢出：自动

，然后容器滚动

现在，这种行为在

Chrome

上运行良好，但在

Firefox

上，当用户试图使用笔记本电脑触控板向上滚动时，这种行为不起作用。 在Firefox上，在第一次滚动滑动时，只显示滚动条，容器不滚动。它仅在第二次滚动时滚动

请检查此处的行为-

你知道为什么Chrome和Firefox会有这种行为差异吗？

---

任何线索都会有帮助。谢谢。

尝试隐藏“执行此操作”而不是“溢出”属性

#element::-webkit-scrollbar { 
    display: none; 
}

---

确保将#元素更改为您的容器。

尝试隐藏“执行此操作”而不是“溢出”属性

#element::-webkit-scrollbar { 
    display: none; 
}

---

请确保将#元素更改为您的容器。

要隐藏滚动条，请使用webkit，因为主要浏览器（Google Chrome、Safari或较新版本的Opera）都支持它

-moz-（Firefox）：

---

.element{overflow:-moz scrollbars none；}

要隐藏滚动条，请使用-webkit，因为主要浏览器（Google Chrome、Safari或较新版本的Opera）支持它

-moz-（Firefox）：

---

.element{overflow:-moz scrollbars none；}

我猜firefox（可能还有ie和edge）不会像在鼠标上那样识别轨迹板滚动，因此滚轮事件只是一个工作草案，可能只是没有在您安装的de ff版本中实现而已滚轮事件回调很好。我在react的onWheel回调中将overflow:auto添加到div中。问题是在Chrome中，在添加overflow:auto之后，容器在轨迹板上以相同的滚动运动滚动。而在Firefox中，则不是这样。它只在第二次滚动时向上滚动。我猜firefox（可能还有ie和edge）不会像在鼠标上滚动一样识别触摸板滚动，因此滚轮事件只是一个工作草案，可能只是没有在您安装的de-ff版本中实现而已滚轮事件回调很好。我在react的onWheel回调中将overflow:auto添加到div中。问题是在Chrome中，在添加overflow:auto之后，容器在轨迹板上以相同的滚动运动滚动。而在Firefox中，则不是这样。它只在第二次滚动时向上滚动。啊，这是一个很好的解决这个问题的方法。可以使用滚动条宽度：无；对于Firefox。谢谢特雷弗。啊，这是解决这个问题的好办法。可以使用滚动条宽度：无；对于Firefox。谢谢特雷弗。