如何防止在phone gap中运行的应用程序垂直滚动?

我正在试用phone gap,我希望当用户在屏幕上拖动手指时,我的应用程序不会上下滚动。这是我的密码。有人能告诉我为什么它仍然允许滚动吗

<!DOCTYPE HTML PUBLIC“-//W3C//DTD HTML 4.01//EN”http://www.w3.org/TR/html4/strict.dtd“>
<html>
<头>
<meta name=“viewport”content=“用户可缩放=否,宽度=设备宽度”/>
&lt--&书信电报;meta name=“viewport”content=“width=设备宽度,初始比例=1.0,最大比例=1.0,用户可伸缩性=否;”/&gt--&燃气轮机;
<meta http equiv=“Content type”Content=“text/html;charset=utf-8”>
<!--iPad/iPhone特定css如下,在主css后添加>
<link rel=“stylesheet”media=“仅屏幕和(最大设备宽度:1024px)”href=”https://stackoverflow.com/questions/6193016/ipad.css“type=“text/css”/>
<link rel=“stylesheet”media=“仅屏幕和(最大设备宽度:480px)”href=”https://stackoverflow.com/questions/6193016/iphone.css“type=“text/css”/>
--&燃气轮机;
<!--如果应用程序的目标是4.0之前的iOS,则必须将json2.js从http://www.JSON.org/json2.js 进入您的www目录,并将其包含在此处-->
<script type=“text/javascript”charset=“utf-8”src=”https://stackoverflow.com/questions/6193016/phonegap.0.9.5.1.min.js“&gt&lt/脚本>
<script type=“text/javascript”charset=“utf-8”>
//如果要防止拖动,请取消对该部分的注释
/*
功能行为(e)
{ 
e、 预防默认值();
};
文档。addEventListener(“touchmove”,preventBehavior,false);
*/
/*如果您支持自己的协议,var invokeString将包含应用程序启动的任何参数。
看见http://iosdevelopertips.com/cocoa/launching-your-own-application-via-a-custom-url-scheme.html
有关更多详细信息-jm*/
/*
函数handleOpenURL(url)
{
//TODO:对传入的url执行某些操作。
}
*/
函数onBodyLoad()
{       
文件。添加的监听器(“deviceready”,OnDeviceraddy,false);
}
/*调用此函数时,PhoneGap已初始化并准备好滚动*/
/*如果您支持自己的协议,var invokeString将包含应用程序启动的任何参数。
看见http://iosdevelopertips.com/cocoa/launching-your-own-application-via-a-custom-url-scheme.html
有关更多详细信息-jm*/
函数ondevicerady()
{
//做你的事!
navigator.notification.alert(“PhoneGap正在工作”)
}
touchMove=功能(事件){
//防止在此元素上滚动
event.preventDefault();
}
&lt/脚本>
<风格>
#容器{
宽度:100%;
身高:100%;
}
&lt/风格>
&lt/头>
<body onload=“onBodyLoad()”>
<div id=“container”ontouchmove=“touchMove(事件);”>
&lt/部门>
&lt/车身>
&lt/html>

如果您使用的是Cordova 2.3.0+查找config.xml并添加此行:

<首选项名称=“UIWebViewBounce”值=“false”/&gt

或者在Cordova 2.6.0中:

<首选项名称=“DisallowOvercroll”value=“true”/&gt

发表评论