Phonegap / Cordova中的可滚动文本区域

Question

我有一些textarea元素，用户可以在其中向同伴输入消息。

这些在Phonegap WebView中以模态显示。

当模态出现在屏幕上时，我将禁用WebView主体上的滚动，如下所示：

document.ontouchmove = function(e) {
    e.preventDefault();
};

同样，当我隐藏模式时，我会重新启用它，如下所示：

document.ontouchmove = function(e) {
    return true;
};

textarea元素似乎无法在触摸事件上滚动。 我对此进行了调查，并尝试应用以下CSS：

overflow-y: scroll; /* has to be scroll, not auto */
-webkit-overflow-scrolling: touch;

但这并没有帮助。

当用户输入一些长文本时，文本区域将与文本量一致，但用户无法滚动回到上一个位置。

有针对这个的解决方法吗？

Answer 1

您可能只是想看看move事件是否来自文本区域，并允许这些事件通过。

document.ontouchmove = function(e){ 
    if(e.srcElement.type !== "textarea"){ 
        e.preventDefault();
    } 
};

Answer 2

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.js"></script>

在head标签中添加jQuery Mobile js ..它将起作用