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 ..它將起作用