JavaScript Scorri all'inizio della pagina

Harshit Jindal 12 ottobre 2023
  1. Usa la funzione window.scrollTo() per scorrere fino all’inizio della pagina
  2. Usa il tag di ancoraggio per scorrere fino all’inizio della pagina
  3. Usa la funzione scrollTo() di jQuery per scorrere fino all’inizio della pagina
JavaScript Scorri all'inizio della pagina

Questo tutorial insegna come scorrere fino all’inizio della pagina utilizzando JavaScript.

Usa la funzione window.scrollTo() per scorrere fino all’inizio della pagina

Il metodo scrollTo() della finestra viene utilizzato per scorrere fino a una posizione specifica su una pagina. Richiede due argomenti: le coordinate x e y del punto fino al quale vogliamo scorrere. Possiamo passare x e y come 0 per scorrere fino all’inizio della pagina.

window.scrollTo(x - coordinate, y - coordinate)

Usa il tag di ancoraggio per scorrere fino all’inizio della pagina

L’anchor tag prende il riferimento della pagina per aprirsi quando si fa clic sul collegamento. Se passiamo # come valore dell’attributo href, scorrerà fino all’inizio della pagina.

<a href="#"> Top of Page </a>

Usa la funzione scrollTo() di jQuery per scorrere fino all’inizio della pagina

La funzione scrollTo() ci aiuta a ottenere/manipolare la posizione della barra di scorrimento verticale di un elemento HTML. Richiede un argomento, la posizione di scrollTo(). Possiamo usare questa funzione per raggiungere la parte superiore della pagina applicandola alla proprietà della finestra e impostando il parametro position come 0.

$(window).scrollTop(0);
Harshit Jindal avatar Harshit Jindal avatar

Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.

LinkedIn