Come ottenere Dimensione pagina e scorrimento in JavaScript

September 6

JavaScript consente di identificare l'altezza della finestra di un utente e scorrere la pagina automaticamente. La tecnica deve essere usato con parsimonia in una pagina Web, perché non fornisce una buona esperienza utente quando il browser costantemente scorre automaticamente in basso nella pagina. È possibile utilizzare la classe di finestra per rilevare le dimensioni dello schermo e scorrere la pagina Web.

istruzione

1 Fare clic sulla pagina HTML che si desidera modificare. Fai clic su "Apri con" e selezionare l'editor HTML che si desidera utilizzare. Fai clic su "Apri" per aprire la pagina nel vostro editor.

2 Creare un tag JavaScript script nel codice HTML. Copia e incolla i seguenti tag di script per impostare una sezione JavaScript nella tua pagina:

<Script type = "text / javascript"> </ script>

3 Digitare il seguente codice per recuperare le dimensioni dello schermo:

var = screen_size window.innerHeight;

Il codice recupera l'altezza della finestra dell'utente in pixel in modo da poter scorrere fino a una sezione all'interno del browser o alla fine della pagina.

4 Digitare il seguente codice per scorrere in basso nella pagina:

window.scrollBy (0,100)

Il codice di cui sopra scorre verso il basso da 100 pixel. Il primo numero è il numero di pixel da scorrere in orizzontale. Il secondo numero imposta la finestra per scorrere verticalmente. È possibile scorrere fino alla fine della pagina utilizzando l'altezza dello schermo recuperata al punto 3. Ad esempio, il codice seguente scorre sul fondo della pagina:

window.scrollBy (0, screen_size)