2016-03-17 35 views
4

我有一个固定的位置弹出窗口上的Web应用程序。它有overflow-y: scroll集。 Android Chrome最近出现了一个问题(或者我从未注意过它)。当我扔滚动并击中弹出窗口溢出的底部或顶部时,触摸会被取消激活。如果你点击一次,没有任何反应,但它似乎将焦点再次弹出,并且您的第二次点击会起作用。我做了一个笔证明这一点:固定位置+溢出-y滚动: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团队的故意行为。

回答

相关问题