jquery - posizionare nel top pagina un campo input

[flessciato]

ho un modulo

<div class="inputform">
    <label for="username">Username9:</label>
	<input type="text" name="username" id="username9" value="" placeholder="Username"/>
    </div>

con un semplice script jquery

<script>
$(":input").click(function () {
		var rigaInput = $(this).attr('id');
		//alert(rigaInput);
		 $('html, body').animate({
                    scrollTop: $("#"+rigaInput).offset().top
                     },2000);
});
</script>

funziona perfettamente, solo che non riesco a dargli un margine di 200px dal top della pagina (lo script funziona per qualsiasi tipo di campo input... sostanzialmente mi serve per avere i campi di input sempre nel top della pagina.
Cosa dovrei modificare?