我知道移动Safari不会在“动量”(-webkit-overflow-scrolling:touch;)滚动时触发事件.但是这并不完全相同,因为Safari在内部处理输入(闪烁)插入符号.
<div id="container"> <input type="text"></input> <div class="filling"></div> </div> #container { position: absolute; top: 20px; bottom: 20px; width: 50%; -webkit-overflow-scrolling: touch; overflow-y: auto; border: 1px solid black; } input { margin-top: 60vh; } .filling { height: 200vh; }
尝试在您的设备上的小提琴(对焦输入,然后滚动):http://jsfiddle.net/gxT3w
当您保持手指按压(即不仅在给予动量和释放)时,也会发生此问题:插入符无法滚动.
显然,我不想关闭溢出滚动,如果没有办法修正插入符号以便它正确滚动,可以隐藏它.
谢谢
解决方法
这确实是一个WebKit错误,似乎没有已知的解决方法.
@cvrebert filed的bug:
> WebKit:https://bugs.webkit.org/show_bug.cgi?id=138201
>苹果雷达:http://openradar.appspot.com/18819624