Actualmente estoy haciendo una firma digital el cual cuando voy a firmar se me mueve con los scroll he intentado varias veces creo que es problema de css aca tengo un video el cual hice para mostrar el error con detalles https://www.youtube.com/watch?v=H9ReoLgMZNU&feature=youtu.be
este es mi html5
<style type="text/css">
#container{position:relative; margin-left: 10%; }
#container>div {margin-top:10px;}
#container>div:last-child, #respuesta {}
#container label {width:20%;display:inline-block;padding-left:30px;}
#sketchpad{ border: 5px solid #28a745; background-color: #FAFAFA; }
</style>
<div id="container">
<canvas id="sketchpad" width="320" height="270">
Error no soportado
</canvas>
<div id "datos">
<table width="320" height="80" border="0">
<tr>
<td width="125" height="30">Cedula:</td>
<td width="326"><label for="numero"></label>
<input type="text" name="numero" id="numero"></td>
</tr>
<tr>
<td height="26">Nombre:</td>
<td><input type="text" name="nombre" id="nombre"></td>
</tr>
<tr>
<td height="29"><br><input type="button" class="btn btn-info" onClick="salvarDatos();" value="GUARDAR FIRMA" /></td>
<td height="29"><br><input type="button" class="btn btn-info" onClick="borrarDatos();" value="BORRAR FIRMA" /></td>
</tr>
</table>
</div>
evento.preventDefault();
Este articulo acerca de eventos táctiles te puede ayudar y viene con un ejemplo práctico. – enxaneta el 18 oct. 18 a las 20:13