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?

[flessciato]

Originariamente inviato da 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?

Semplifico la cosa: devo posizionare gli input a 150px dal top della finestra, appena ci clicco sopra... La finestra però scrolla in base al numero di input (variabile...) che ho nel form

[Nobody33]

La vuoi in alto nella pagina oppure a 200px di distanza?

E poi che cosa? il contenitore, il campo?

[flessciato]

La vuoi in alto nella pagina oppure a 200px di distanza? E poi che cosa? il contenitore, il campo?

ho 10 campi di input: ogni volta che clicco su un campo di input questo deve far scrollare la pagina che contiene tutti i campi di input fino a quando il campo selezionato non è a 200px dal top.

Che sia il campo o un div che lo contiene è lo stesso (posso cambiare il codice).

Quello che ho scritto io funziona, ma non aggiunge 200px dal margine superiore della finestra (ho la barra di navigazione e la pagina scorre sotto a questa barra... per questa ragione devo distanziarlo di 200 px)

[flessciato]

PS: ho trovato anche esempi sulla stessa cosa... tutti diversi... ma non funziona nessuno

forse sbaglio "approccio" al problema... non saprei

[Nobody33]

Scusa, ma ancora non c'ho capito nulla.
Puoi postare un link alla pagina, facciamo prima

[cavicchiandrea]

Fermo restando che le spiegazioni non sono il tuo forte prova così

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

[flessciato]

Andrea ha risolto. grande.

PS: mi diresti cortesemente cosa non era chiaro, così per le prossime volte cerco di porre le domande in modo più semplice e comprensibile? Grazie

[Nobody33]

PS: mi diresti cortesemente cosa non era chiaro, così per le prossime volte cerco di porre le domande in modo più semplice e comprensibile? Grazie

Primo:

funziona perfettamente, solo che non riesco a dargli un margine di 200px dal top della pagina

Qui parli di una cosa non meglio specificato (campo, contenitore) dove vuoi un margine di 200px.

Poche parole più avanti si legge:

sostanzialmente mi serve per avere i campi di input sempre nel top della pagina.

e qui vuoi i campi sempre al top della pagina.

Poi, per quanto ne so, dargli si usa solo per il singolare maschile, dargli per indicare un plurale mi ha confuso. Forse è più esplicativo dire "dar loro" (io l'ho imparato cosi).

Secondo:

E' inutile scrivere "quello che ho scritto io funziona"....non c'entra con il problema.

Terzo:

ho 10 campi di input: ogni volta che clicco su un campo di input questo deve far scrollare la pagina che contiene tutti i campi di input fino a quando il campo selezionato non è a 200px dal top.

e qui non si capisce un acca secca.

[cavicchiandrea]

Cerca d'essere sintetico indicando cosa vuoi fare e molto spesso aiuta molto di più una pagina d'esempio che 1000 parole