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=&sort=

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

1 个答案: