固定位置+溢出-Y滚动：Android Chrome滚动停止时停用触摸功能

Question

我在Web应用程序上有一个固定位置弹出窗口。 它有overflow-y: scroll集。 最近Android Chrome出现了一个问题（或者之前从未注意过）。 当我滚动并点击弹出窗口溢出的底部或顶部时，触摸将被取消激活。 如果您点击一次，没有任何反应，但它似乎再次将重点放在弹出窗口，您的第二次点击将起作用。 我用笔来证明这一点：

http://codepen.io/arickle/full/PNWJwy

相关代码？

.popup {
  position: fixed;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  max-width: 400px;
  background-color: #DDD;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 20px;
  overflow-y: scroll;
  margin: 0 auto;
  transition: opacity 0.08s linear;
}

使用最近更新的Chrome在Android设备上打开它。 打开弹出窗口。 将滚动滚动到底部，然后尝试点击按钮。 你的第一次点击将无法正常工作 你的第二次点击应该。

编辑：更多信息。 如果您将滚动拖动到底部/顶部，并等待大约2秒钟，您的第一次点击将起作用。 如果你滚动，击中边缘，并在击中边缘2秒内点击，它将无法工作。

这知道吗？ 对此行为有何解释？ 对于我所针对的用户体验来说，这是不可接受的，我想绕过它。 我假设我需要某种解决方法。 我无法想象这是Chrome团队的故意行为。

Answer 1

好吧，我想我会暂时忍受这个。 我已经开了一个关于这个的Chromium Tracker问题，它已被分配，我相信将被确认为一个错误，并且应该在将来修复：

https://bugs.chromium.org/p/chromium/issues/detail?id=595731&can=1&start=0&num=100&q=fling%20scroll%20android&colspec=ID%20Pri%20M%20Stars%20ReleaseBlock%20Component%20Status%20Owner% 20Summary％20OS％20Modified＆GROUPBY =＆排序=