Javascript：如果光标经过可滚动的div，则不要停止滚动窗口

Question

我正在构建一个网络应用程序，它有一个由许多小型可滚动 div 组成的网格（实际上是 Ace 编辑器），并且这个网格有足够的元素，它比窗口大。当用户开始在空白区域滚动时，我希望他们滚动窗口本身；当用户开始在网格元素内滚动时，我希望他们滚动那里的 div 内容。问题是，如果用户开始在空白区域上滚动，然后滚动以使鼠标移到网格元素上，则可滚动 div 捕获所有滚动事件，中断用户在网格上的流动并将它们“捕获”在网格内元素。

我无法手动捕获 onmousewheel 事件，因为据我所知，无法单独捕获水平鼠标滚轮移动和垂直移动，并且我希望 Mac OS X 上的用户能够向所有方向滚动。我考虑过使用 JS 在第一个 onscroll 事件上添加一个具有非常高 z-index 的不可见 div，并在 onscroll 事件不发生时将其删除触发一段时间。尚未对此进行编码，但我想知道是否有更好的解决方案，或者是否存在我没​​有想到的潜在陷阱。任何帮助或建议都会很棒！谢谢！

Answer 1

我认为由于浏览器支持和实际的解决方案，这个问题的解决方案将非常困难，这可能类似于计算滚动、回溯 div 并将滚动应用到页面。

你可以做这样的事情：

$('div').scroll(function(e){
    // figure out how much it has scrolled
    window.scrollBy(0,howmuch);
});

不过我一点也不推荐这个解决方案，我认为更好的选择是将div设置为overflow:hidden;并选择一个可靠的滚动插件，并使用它来自定义 div 上的滚动行为。