ios – 移动Safari – 输入插入符不会随着溢出滚动滚动:touch

前端之家收集整理的这篇文章主要介绍了ios – 移动Safari – 输入插入符不会随着溢出滚动滚动:touch前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我知道移动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

猜你在找的iOS相关文章