我的HTML中有一个可滚动的元素（overflow-y: auto;）。
但是，当你将鼠标放在它上面并开始使用鼠标滚轮时，它不会滚动，除非你点击它内部。
我找到的唯一解决方法是添加tabindex="-1"属性以使元素可聚焦，然后在鼠标轮事件发生时调用$element.focus()。这在某种程度上起作用。但是，当元素已经被聚焦时，focus()将不会执行任何操作，并且元素将变为不可滚动，直到您在其外部单击然后再次单击它内部。另外，我不喜欢这种解决方法，因为它会在元素周围绘制一个焦点边框。
实际控制页面上哪些元素接收滚动的内容是什么？奇怪的是，我可以看到我的元素实际上接收到鼠标轮事件，但由于某种原因它不会滚动。
那么，当鼠标指针悬停在它上面时，如何确保该元素可以通过鼠标滚轮滚动？
我在谷歌浏览器中测试它。