JavaScript | Metodo di scorrimento della finestra

Il metodo di scorrimento della finestra viene utilizzato per scorrere la finestra del browser su una coordinata specifica. Questo metodo è chiamato il scrollto () mentre il finestra è l'oggetto della finestra. Una finestra del browser aperta è rappresentata da finestra oggetto. Per comprendere meglio questo metodo, esaminare rapidamente la sintassi indicata di seguito:

Sintassi del metodo ScrollTo ()

finestra.scrollto (X-coordinate, Y-coordinate);

In questa sintassi:

• finestra è l'oggetto della finestra del browser.
• X-coordinate è lo spostamento orizzontale alla finestra del browser a.
• Y-coordinato è lo spostamento verticale per palire la finestra del browser a.

Dimostrazione del metodo della finestra Scrollto ()

Per dimostrare il funzionamento del metodo Scrollto, inizia creando un file HTML con le seguenti righe:

Sono posto a 4000px in verticale
Cliccami per scorrere verso il basso

In questo snippet in codice HTML sopra,

• UN grassetto Il tag è stato creato con un po 'di testo al suo interno con la classe scorciato. Questa classe verrà utilizzata per posizionare questo tag a 4000px con l'aiuto di CSS.
• È stato creato un pulsante che chiama il Clicked () funzione nel file javascript.

Dopo ciò, vogliamo aggiungere le seguenti righe al CSS della nostra pagina web:

corpo
Altezza: 7000px;

.scorciato
Posizione: assoluto;
Top: 4000px;

Nello snippet CSS sopra:

• L'altezza del tag del corpo è impostata su 7000px in modo che la pagina web diventi scorrevole anche senza avere più elementi su di essa.
• IL grassetto Tag con la classe scorciato è stato collocato a 4000px.

L'esecuzione della pagina Web ora ci fornisce il seguente output sulla finestra del browser:

Come puoi vedere dall'output, per visitare il grassetto tagga, si deve scorrere manualmente la finestra del browser.

Per aggiungere funzionalità al pulsante in modo che ci scorre direttamente sul grassetto Tag con il testo, scrivi le seguenti righe nel file di script:

funzione cliccata ()
finestra.Scrollto (0, 4000);

In queste righe, viene creata la funzione cliccata (), che viene chiamata al momento della pressione del pulsante e in questa funzione, stiamo semplicemente passando il Y-coordinato come 4000px al metodo della finestra scrollto (). Ciò fornisce il seguente risultato sulla pagina web HTML:

Come è chiaramente mostrato nell'uscita, premendo il pulsante piova la finestra del browser su 4000px in verticale.

Incartare

Il metodo di scorrimento della finestra () viene utilizzato per chiamare l'oggetto della finestra del browser e quindi pan la finestra del browser su una posizione specifica passando in X E y coordina nei suoi argomenti. Questo articolo ha dimostrato il metodo di funzionamento della finestra scrollto () con l'aiuto di un esempio.