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;

但这没有帮助。

当用户输入一些长文本时，textarea会根据文本量移动，但用户无法滚动回到之前的位置。

有解决方案吗？

Answer 1

您可以查看移动事件是否来自textarea并允许这些事件通过。

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 ..它可以正常工作

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

2 个答案: