javascript - IScroll 内部 IScroll : prevent parent from scrolling

Question

我有一个带有 IScroll 的 div 在另一个带有 IScroll 的 div 中。每当我尝试在子 div 上滚动时，父级也会滚动，所以这是一种糟糕的用户体验。

我不想获取每个变量并告诉它暂时禁用它，例如在 this other question 中，因为它们是动态内容并且滚动条是在一个类中创建的 - 所以没有存储滚动条的全局变量。

我访问过this question但是每当我 try catch event 时，它都是 undefined 所以它会引发错误。似乎 IScroll 5 没有将事件发送给处理程序，所以我不能写 event.stopPropagation()，因为它什么都不做。

我已经尝试了 IScroll 提供的所有事件，甚至我也尝试过切换回 iScroll 4 并尝试 onBeforeScrollStart 等等，同样没有成功。

该解决方案应该能够在支持触摸的设备上运行，而且还可以在鼠标交互(拖动)和鼠标滚轮上运行。

这可能吗？如果是这样，如果是 child 获得滚动操作，我该怎么做才能父滚动条停止滚动？

谢谢。

Answer 1

你可以试试JRoll，它有一个方法call，call可以切换当前滚动实例。在 div 内部切换到外部 div，您不使用 e.preventDefault 或 e.stopProgapation。这里有一个演示 http://www.chjtx.com/JRoll/demos/5.html