我知道移动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