Javascript | Méthode de défilement de fenêtre

La méthode de défilement de la fenêtre est utilisée pour faire défiler la fenêtre du navigateur sur une coordonnée spécifique. Cette méthode est nommée ScrolltO () tandis que le fenêtre est l'objet de fenêtre. Une fenêtre de navigateur ouverte est représentée par le fenêtre objet. Pour mieux comprendre cette méthode, passez rapidement en revue la syntaxe ci-dessous:

Syntaxe de la méthode ScrollTO ()

fenêtre.ScrolltO (x-coordonnée, y-coordonnée);

Dans cette syntaxe:

• fenêtre est l'objet de fenêtre du navigateur.
• X-coordonné est le déplacement horizontal de la fenêtre du navigateur à.
• Y coordonner en y Le déplacement vertical est-il de panoramiser la fenêtre du navigateur à.

Démonstration de la méthode ScrollTO ()

Pour démontrer le fonctionnement de la méthode ScrolltO, commencez par créer un fichier HTML avec les lignes suivantes:

Je suis placé à 4000px verticalement
Cliquez sur moi pour faire défiler

Dans ce dispositif de code HTML ci-dessus,

• UN gras La balise a été créée avec du texte à l'intérieur avec la classe étant tourbillonné. Cette classe sera utilisée pour placer cette balise à 4000px à l'aide de CSS.
• Un bouton a été créé qui appelle le cliquez sur () fonction dans le fichier javascript.

Après cela, nous voulons ajouter les lignes suivantes au CSS de notre page Web:

corps
Hauteur: 7000px;

.défilement
Position: absolue;
En haut: 4000px;

Dans l'extrait CSS ci-dessus:

• La hauteur de la balise corporelle est définie sur 7000px afin que la page Web devienne défilable même sans avoir plus d'éléments dessus.
• Le gras Tag avec la classe tourbillonné a été placé à 4000px.

L'exécution de la page Web nous fournit désormais la sortie suivante sur la fenêtre du navigateur:

Comme vous pouvez le voir sur la sortie, pour visiter le gras Tag, il faut faire défiler manuellement la fenêtre du navigateur.

Pour ajouter des fonctionnalités au bouton afin qu'il nous défile directement sur le gras Tag avec du texte, écrivez les lignes suivantes dans le fichier de script:

fonction cliquée ()
fenêtre.Scrollto (0, 4000);

Dans ces lignes, la fonction cliquée () est créée, qui est appelée appuyer sur le bouton, et dans cette fonction, nous passons simplement le Y coordonner en y Comme 4000px à la méthode ScrolltO () de la fenêtre. Cela fournit le résultat suivant sur la page Web HTML:

Comme il est clairement montré dans la sortie, en appuyant sur le bouton, les casseras par la fenêtre du navigateur à 4000px verticalement.

Conclure

La méthode ScrolltO () de la fenêtre est utilisée pour appeler l'objet de fenêtre du navigateur, puis panoramique la fenêtre du navigateur à une position spécifique en passant dans le X et y coordonne dans ses arguments. Cet article a démontré le fonctionnement de la méthode ScrollTO () à la fenêtre à l'aide d'un exemple.