Phonegap textarea滾動

Question

我有一個phonegap應用程序，其中通過應用文檔觸摸移動和prevent.default（）禁用了Webview的滾動。

問題是如果文本溢出，我有兩個文本區域要滾動。 防止默認值會對此產生干擾。

我已經嘗試了幾種解決方法，但結果卻好壞參半，到目前為止，最好的方法是使用以下功能來檢測觸摸移動事件的x和y，並且僅在文本區域之外時才使用prevent default。

function preventBehavior(e) 
{ 
    console.log("event.targetTouches[0].pageX = " + event.targetTouches[0].pageX + " event.targetTouches[0].pageY = " + event.targetTouches[0].pageY);

    var x = event.targetTouches[0].pageX;
    var y = event.targetTouches[0].pageY;

    //fix the scroll of textareas for iOS by avoiding prevent default in them 
    if (x > 20 && x < 300 && y > 80 && y < 230){
        //touch falls within first text area
    }else if (x > 20 && x < 300 && y > 245 && y < 400){
        //touch falls within second text area
    }else{
        e.preventDefault(); 
    }
};
document.addEventListener("touchmove", preventBehavior, false);

現在的問題是，如果文本區域不需要滾動，則它將滾動整個Web應用程序。

有誰可以解決此問題？

提前致謝。

Answer 1

如果您只想滾動文本字段，則可以使用iscroll.js 。 它也可以與桌面Web瀏覽器一起找到。