web-dev-qa-db-fra.com

Comment faire défiler une page en HTML?

Impossible de trouver un didacticiel pour ce site, ou n’a tout simplement pas utilisé les bons mots clés . partie droite. Serait-ce possible uniquement en HTML et CSS?
Je ne suis pas si expérimenté avec JavaScript.

Semblable à '' Faites défiler vers le haut '' mais que je pourrais décider de l'endroit où il fait défiler la page, comme au milieu, en haut, en bas, etc.

10
user2907241

Mise à jour: Il existe maintenant un meilleur moyen de l'utiliser, en utilisant l'attribut HTML id:

Définir l'id de destination: <h1 id="section1">Section 1</h1>

Et créez un lien vers cette destination à l'aide de la balise d'ancrage: <a href="#section1">Go to section 1</a>

L'avantage de cette nouvelle méthode est que l'attribut id peut être défini sur n'importe quel élément HTML. Vous n'avez plus besoin de placer des balises d'ancrage superflues autour des liens de destination!

Réponse originale:

Vous pouvez utiliser la balise d'ancrage HTML. 

<a name="section1">Section 1</a>

aux côtés de

<a href="#section1">Go to section 1</a>

Lorsque l'utilisateur clique sur "Aller à la section 1", il sera envoyé à la section de la page où le texte "Section 1" est affiché.

13
Charles

en utilisant window.scrollTo vous pouvez faire défiler votre page comme ceci

window.scrollTo(0,document.body.scrollHeight);
0
Divyesh Kanzariya