但是它会导致触摸事件停止滚动区域的工作.
有没有人有同样的问题？谁能给我一些关于这个新的滚动功能的官方链接？
<!DOCTYPE HTML> <HTML> <head> <Meta charset="UTF-8"> <Title>ios5 scroll</Title> <style type="text/CSS"> header { background: red; wIDth: 300px; height:44px; } .scroll { wIDth: 300px; height:300px; background: yellow; overflow: scroll; -webkit-overflow-scrolling: touch; } </style> </head> <body> <div ID="container"> <header> <button onclick="alert('header');">won't work?</button> </header> <div > <button onclick="alert('scroll');">It works</button> <div>text</div><div>text</div><div>text</div><div>text</div><div>text</div><div>text</div><div>text</div> <div>text</div><div>text</div><div>text</div><div>text</div><div>text</div><div>text</div><div>text</div> <div>text</div><div>text</div><div>text</div><div>text</div><div>text</div><div>text</div><div>text</div> </div> </div> </body> </HTML> 2011-12-27：我已经解决了这个问题,但我还是不知道真正的原因.
在我的情况下,我在一个网页中有几个部分,每个部分都有一个滚动区域和一个标题,每次只显示一个部分,并使用CSS3动画结合转换切换部分.当在所有部分的滚动区域中添加[-webkit-overflow-scrolling]时,触摸事件会随机停止工作,所以我只在当前显示的部分添加[-webkit-overflow-scrolling],当部分隐.这很好,但我仍然不知道是什么原因导致这个问题.
调整元素大小时,我将-webkit-overflow-scrolling重置为auto,然后将其重新设置为触摸.但是,你必须介绍两者之间的延迟(50ms工作正常,没有尝试任何降低).所以我做的是添加了一个“scrollable”属性到元素,并使用下面的代码(使用jquery)：
$("[scrollable]").CSS("-webkit-overflow-scrolling","auto");window.setTimeout(function () { $("[scrollable]").CSS("-webkit-overflow-scrolling","touch") },100); 希望这可以帮助！
总结以上是内存溢出为你收集整理的iOS5 -webkit-overflow-scrolling使触摸事件停止工作全部内容，希望文章能够帮你解决iOS5 -webkit-overflow-scrolling使触摸事件停止工作所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）