javascript - document.addEventListener("touchmove", preventBehavior, false); - 阻止我使用溢出：滚动；- 变通？

Question

我使用 phonegap 构建一个 ios 应用程序，这样你就不能移动 phonegap 使用的窗口document.addEventListener("touchmove", preventBehavior, false);

这很好......但它也阻止我overflow:scroll在一段文本上使用 css。

有没有工作可以让这两个仍然工作？有没有办法我可以在 js 之后加载 css 部分，以便它覆盖它？或者我可以只应用document.addEventListener("touchmove", preventBehavior, false);到身体而不是它的内容吗？

Answer 1

发现一个phonegap / cordova只能解决dosnt要求您首先使用document.addEventListener("touchmove", preventBehavior, false);的问题-进入您的xcode项目.. porject文件>支持文件>cordova.plist然后在顶部将“UIWebViewBounce”更改为NO。

从这里

Answer 2

要捕获您可以编写的所有滚动像素

document.addEventListener("touchStart",<method>,true/false)
document.addEventListener("touchMove",<method>,true/false)
document.addEventListener("touchEnd",<method>,true/false) 

您是否在正文加载功能中添加了 touchEventListener ？如果你写 event.preventDefault(); 它将终止事件行为，这就是您的 overflow:scroll 属性不起作用的原因。

Answer 3

我认为您可以在“touchmove”时检测到目标元素：

document.addEventListener("touchmove", function(event) {

    if (event.target.tagName != "TEXTAREA") { // Element that you don't want to be prevented default event.

          event.preventDefault();
    }
});

Answer 4

在上一个版本的cordova.plist 中由config.xml 更改，然后设置

“UIWebViewBounce”值=“假”