Comment faire défiler un élément div vers le haut de la page

Question

Supposons que j'ai dix paragraphes de texte et qu'il y ait un lien d'édition à côté de chaque paragraphe. Quand je clique sur 'éditer' le contenu du paragraphe est disponible pour l'édition.

J'ai donc

<p id='p1'>data for p1</p> 
<p id='p2'>data for p2</p> 
<p id='p3'>data for p3</p> 
<p id='p4'>data for p4</p> 

Si je clique sur « modifier » pour modifier p3 puis zone de texte apparaît au bas. Donc maintenant je vois des données pour p1, des données pour p2 et juste le haut du formulaire pour p3. les données pour p4 ne sont pas visibles et se trouvent sous la fenêtre d'affichage.

Y at-il un moyen dans jQuery pour que le formulaire d'édition apparaisse en haut de la page à chaque fois. Je n'essaie pas d'utiliser une position fixe ou quoi que ce soit. La commande devrait toujours être là. Cependant, dans ce cas, les données pour p1 et p2 doivent être au-dessus de la page et non visibles. Le formulaire pour p3 et les données pour p4 devraient apparaître sur la page.

Answer 1

Vous pouvez essayer d'utiliser scrollTop pour savoir jusqu'où faire défiler la page ou une approche plus simple serait d'utiliser le plugin jquery de scrollTo.