固定位置 + 溢出-y 滚动：Android Chrome 滚动滚动停止时停用触摸答案

【问题标题】：Fixed position + overflow-y scroll: Android Chrome fling scroll deactivates touch when stopped固定位置 + 溢出-y 滚动：Android Chrome 滚动滚动停止时停用触摸
【发布时间】：2016-07-03 23:59:39
【问题描述】：

我在 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 团队的故意行为。

【问题讨论】：

标签： android css google-chrome user-interface

【解决方案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=

【讨论】：