在iphone中进行滚动时，光标会溢出 - safari

Question

我有研究并尝试过很多方法来解决这个问题，但我无法获得解决方案。

我有这样的textarea

CSS

.textarea{

    background-color: #ffffff;
    border: 1px solid #bbd7eb;
    color: #5e7891;
    font-family: "Roboto",Arial,"Nimbus Sans L","Helvetica CY",sans-serif;
    font-size: 14px;
    font-weight: normal;
    max-width: 560px;
    min-height: 100px;
    padding: 5px;
    resize: none;
    width: 100%; 
    -webkit-overflow-scrolling: touch;

}    

HTML

<textarea class="textarea" name="" title=""></textarea>

当我输入long para并滚动textarea时，在iphone中，光标离开textarea边界。

有人可以帮我解决这个问题吗？

Answer 1

你想达到什么目的？

我为你做了一个小提琴，所以你可以用更多细节来描述？

https://fiddle.jshell.net/mkdizajn/7m54bk5v/show/light/

此属性来自：-webkit-overflow-scrolling？没有权利..

我添加了溢出：隐藏;是吗？

Answer 2

我在iPhone 5（Safari和Chrome）上试过你的情况。

在Safari上

我所能找到的就是当您滚动触摸文本区域的空白区域时，它不会滚动内容，而是滚动整个页面。

但是当我尝试通过触摸内容滚动时，它运作顺利。

注意：它在Chrome上运行良好

Answer 3

我发现了一个解决方案，并在iOS 8.1上测试了

cursor out of control in textarea on IOS8 safari

重置光标并移动到输入的末尾。