HTML5   发布时间:2022-04-27  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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 – 移动Safari – 输入插入符不会随着溢出滚动滚动:touch全部内容,希望文章能够帮你解决ios – 移动Safari – 输入插入符不会随着溢出滚动滚动:touch所遇到的程序开发问题。

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

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