Saludos.
Cuando agrego un boton de type="submit" jquery genera un scroll vertical largo:
Código HTML:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
</head>
<body>
<div data-role="page" >
<div data-role="header" ></div>
<div data-role="content">
<h1 class="center">Porbando boton</h1>
<form>
<label for="nombre">Nombre <sup>*</sup></label>
<input required type="text" name="nombre" id="nombre" placeholder="Nombre Completo" />
<label for="correo">Correo <sup>*</sup></label>
<input required type="email" name="correo" id="correo" placeholder="[email protected]" /><br>
<div data-role="controlgroup" data-type="horizontal" class="center">
<a href="" data-role="button" data-inline="true" data-icon="delete">Cancelar</a>
<button type="submit" name="submit" value="submit" data-theme="e" data-inline="true" data-icon="check" >Enviar</button>
</div>
</form>
</div>
<div data-role="footer"></div>
</div>
</html> ¿Cómo puedo evitar esto
?