Android   发布时间:2022-04-28  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了固定位置溢出-y滚动:Android Chrome滚动滚动在停止时停用触摸大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在Web应用程序上有一个固定位置弹出窗口.它有overflow-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团队的故意行为.

解决方法

大佬总结

以上是大佬教程为你收集整理的固定位置溢出-y滚动:Android Chrome滚动滚动在停止时停用触摸全部内容,希望文章能够帮你解决固定位置溢出-y滚动:Android Chrome滚动滚动在停止时停用触摸所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。