动量滚动错误iOS

Question

我正在尝试在我的应用程序中使用vue的v-for生成的元素进行动量滚动。它在大多数情况下都是有效的，但有时当我点击屏幕上的其他地方，或者按下一个按钮时，滚动就会被禁用。这个bug只有在我有"-webkit-overflow- scrolling : touch“的时候才会发生，但是我需要它来做动量滚动。

你知道为什么滚动条被禁用了吗？以下是与该问题有关的代码部分。

编辑:问题只出现在iOS设备上(显然是"-webkit-overflow-scrolling: touch")

下面是一个小演示：https://github.com/dwerynith/Scroller

要重现这个bug，我所要做的就是访问iPad/iPhone/iOS设备上的应用程序，然后玩滚动条和按钮。滚动最终将被禁用，并在几秒钟后返回。

Answer 1

也许会有一些焦点丢失的问题。如果没有有效的演示，很难判断。我能想到的唯一一件事是--据我回忆--动量滚动除了overflow-y: scroll;之外，不能与其他任何东西一起工作，所以可能这就是导致问题的原因：.channels-container {overflow-y: auto;}