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>