ios - Mobile Safari - 输入插入符不随溢出滚动一起滚动 : touch

Question

我知道 Mobile Safari 在“动量”(-webkit-overflow-scrolling: touch;) 滚动时不会触发事件。但这并不完全相同，因为 Safari 在内部处理输入的(闪烁的)插入符号。

<div id="container">
    <input type="text" />
    <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;
}

在您的设备上试试这个 fiddle (聚焦输入然后滚动):https://jsfiddle.net/gabrielmaldi/n5pgedzv

当您按住手指时(即不仅在给它动量和松开时)也会发生此问题:插入符号无法滚动。

显然我不想关闭溢出滚动，如果没有办法修复插入符使其正确滚动，隐藏它就可以了。

谢谢

Answer 1

这确实是一个 WebKit 错误，似乎没有已知的解决方法。

@cvrebert filed错误:

• WebKit:https://bugs.webkit.org/show_bug.cgi?id=138201
• Apple 雷达:http://openradar.appspot.com/18819624