iphone - font - phonegap login
¿Cómo evitar que la aplicación que se ejecuta en phone-gap se desplaza verticalmente? (14)
Estoy probando la brecha del teléfono y quiero que mi aplicación no se desplace hacia arriba y hacia abajo cuando el usuario pase el dedo por la pantalla. Este es mi código ¿Alguien puede decirme por qué todavía permite el desplazamiento?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta name = "viewport" content = "user-scalable=no,width=device-width" />
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />-->
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<!-- iPad/iPhone specific css below, add after your main css >
<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" />
<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="iphone.css" type="text/css" />
-->
<!-- If you application is targeting iOS BEFORE 4.0 you MUST put json2.js from http://www.JSON.org/json2.js into your www directory and include it here -->
<script type="text/javascript" charset="utf-8" src="phonegap.0.9.5.1.min.js"></script>
<script type="text/javascript" charset="utf-8">
// If you want to prevent dragging, uncomment this section
/*
function preventBehavior(e)
{
e.preventDefault();
};
document.addEventListener("touchmove", preventBehavior, false);
*/
/* If you are supporting your own protocol, the var invokeString will contain any arguments to the app launch.
see http://iosdevelopertips.com/cocoa/launching-your-own-application-via-a-custom-url-scheme.html
for more details -jm */
/*
function handleOpenURL(url)
{
// TODO: do something with the url passed in.
}
*/
function onBodyLoad()
{
document.addEventListener("deviceready",onDeviceReady,false);
}
/* When this function is called, PhoneGap has been initialized and is ready to roll */
/* If you are supporting your own protocol, the var invokeString will contain any arguments to the app launch.
see http://iosdevelopertips.com/cocoa/launching-your-own-application-via-a-custom-url-scheme.html
for more details -jm */
function onDeviceReady()
{
// do your thing!
navigator.notification.alert("PhoneGap is working")
}
touchMove = function(event) {
// Prevent scrolling on this element
event.preventDefault();
}
</script>
<style>
#container {
width:100%;
height:100%;
}
</style>
</head>
<body onload="onBodyLoad()">
<div id="container" ontouchmove="touchMove(event);">
</div>
</body>
</html>
Agregue la siguiente entrada al archivo config.xml:
<preference name="DisallowOverscroll" value="true" />
Al principio, lo que tienes que hacer es agregar el detector de eventos en el método de descarga corporal.
simplemente ponga esta línea en el método de tocar y mover.
no desplazará document.addEventListener ("touchstart / touchmove / touchend"). Cualquiera de estos 3.
function touchMove (event e) {
e.preventDefault;
}
Cambiado UIWebViewBounce a DisallowOverscroll en 2.6.0
Ejecute este código cuando la página se carga para deshabilitar el arrastre:
document.addEventListener(''touchmove'', function(e) { e.preventDefault(); }, false);
Aquí hay un ejemplo con jQuery:
$(document).ready(function() {
document.addEventListener(''touchmove'', function(e) { e.preventDefault(); }, false);
});
En config.xml de su proyecto, en Preferencias para iOS configure DisallowOverscroll en verdadero. Por defecto, es falso lo que hace que la vista completa se desplace junto con los elementos internos de la vista.
<preference name="DisallowOverscroll" value="true" />
En config.xml de su proyecto, en Preferencias para iOS configure DisallowOverscroll en verdadero.
No dijiste si esta es una aplicación nativa o una aplicación web.
Si esta es una aplicación nativa, puede desactivar el desplazamiento en la vista web
UIScrollView* scroll; //
for(UIView* theWebSubView in self.webView.subviews){ // where self.webView is the webview you want to stop scrolling.
if([theWebSubView isKindOfClass:[UIScrollView class] ]){
scroll = (UIScrollView*) theWebSubView;
scroll.scrollEnabled = false;
scroll.bounces = false;
}
}
de lo contrario, aquí hay un enlace en la wiki de phonegap para evitar el desplazamiento. http://wiki.phonegap.com/w/page/16494815/Preventing-Scrolling-on-iPhone-Phonegap-Applications
Para mí, es perfecto, cuando uso el body-selector con jquery. De lo contrario, no pude abrir enlaces externos con Phonegap.
$(''body'').on(''touchmove'', function(evt) {
evt.preventDefault();
})
Si tiene UIWebViewBounce en NO en su archivo .plist.
Entonces, con un CSS simple, el contenido no se puede desplazar. Intente Agregar este desbordamiento de estilo : oculto en su div donde desea deshabilitar el desplazamiento.
Vaya al idioma nativo y agregue esta línea al archivo AppDelegate.m
self.viewController.webView.scrollView.scrollEnabled = false;
Déjelo en la aplicación - (BOOL): aplicación (UIApplication ) didFinishLaunchingWithOptions * sección.
ahora solo tiene que poner <preference name="DisallowOverscroll" value="false" /> en <preference name="DisallowOverscroll" value="true" /> en su archivo config.xml.
en su uso de archivo de configuración
<preference name="webviewbounce" value="false" />
<preference name="DisallowOverscroll" value="true" />
si está utilizando Cordova 2.3.0 + find config.xml y agregue esta línea:
<preference name="UIWebViewBounce" value="false" />
o en Córdoba 2.6.0 +:
<preference name="DisallowOverscroll" value="true" />
si está utilizando Cordova 2.6.0+ find config.xml, simplemente agregue / modifique esta línea:
<preference name="DisallowOverscroll" value="true" />