Skip to content

Commit 3766d8e

Browse files
Apply suggestions from code review
Co-authored-by: Andrea <45577511+longo-andrea@users.noreply.github.com>
1 parent af3020d commit 3766d8e

File tree

4 files changed

+10
-10
lines changed

4 files changed

+10
-10
lines changed

2-ui/3-event-details/8-onscroll/1-endless-page/solution.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
Il cuore della soluzione è una funzione che aggiunge ancora contenuti nella pagina (o carica più cose nei casi reali) una volta arrivati alla fine del documento.
1+
Il cuore della soluzione è una funzione che aggiunge continuamente contenuti nella pagina (o carica più cose nei casi reali) una volta arrivati alla fine del documento.
22

33
Possiamo chiamarla subito, ed aggiungerla come gestore di `window.onscroll`.
44

@@ -25,19 +25,19 @@ document.documentElement.getBoundingClientRect().bottom = 2000
2525
Se scrolliamo verso il basso di `500px`, avremo che:
2626

2727
```js
28-
// la sommita' del documento sta sopra la finestra di 500px
28+
// la sommità del documento sta sopra la finestra di 500px
2929
document.documentElement.getBoundingClientRect().top = -500
30-
// la parte bassa del documento, inverce, sara' 500px un po' piu' vicina
30+
// la parte bassa del documento, invece, sarà 500px un po' più vicina
3131
document.documentElement.getBoundingClientRect().bottom = 1500
3232
```
3333

3434
Quando avremo scrollato la pagina fino alla fine, posto che l'altezza della finestrta sia di `600px`:
3535

3636

3737
```js
38-
// la sommità del documento stara' sopra la finestra di 1400px
38+
// la sommità del documento starà sopra la finestra di 1400px
3939
document.documentElement.getBoundingClientRect().top = -1400
40-
// la parte bassa del documento sara' piu' in basso rispetto alla finestra di 600px
40+
// la parte bassa del documento sarà più in basso rispetto alla finestra di 600px
4141
document.documentElement.getBoundingClientRect().bottom = 600
4242
```
4343

2-ui/3-event-details/8-onscroll/1-endless-page/task.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ importance: 5
44

55
# Pagina senza fine
66

7-
Create una pagina senza fine. Quando un visitatore scrolla fino alla fine della pagina, si auto-accoda nel testo la data attuale ( cosicché il visitatore possa scrollare ancora).
7+
Create una pagina senza fine. Quando un visitatore scrolla fino alla fine della pagina, la data attuale deve essere accodata (cosicché il visitatore possa scrollare ancora).
88

99
Come in questo esempio:
1010

2-ui/3-event-details/8-onscroll/3-load-visible-img/task.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ importance: 4
44

55
# Caricare immagini visibili
66

7-
Poniamo il caso di avere un client con connessione lenta e che volessimo risparmiare un po' di traffico dal dispositivo mobile.
7+
Ipotizziamo di avere un client con connessione lenta e di voler far risparmiare un po' di traffico dal dispositivo mobile.
88

99
A questo proposito, decidiamo di non caricare immediatamente le immagini, ma piuttosto di sostituirle con dei segnaposto, così:
1010

2-ui/3-event-details/8-onscroll/article.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -28,10 +28,10 @@ Come possiamo rendere qualcosa non scrollabile?
2828

2929
Sicuramente, non possiamo prevenire lo scrolling usando `event.preventDefault()` nel listener `onscroll`, perché quest'ultimo viene generato *dopo* che lo scroll è avvenuto.
3030

31-
Tuttavia, possiamo prevenire lo scrolling con l'utilizzo di `event.preventDefault()` su un evento che causi esso stesso lo scroll, pere esempio l'evento `keydown` per `key:pageUp` e `key:pageDown`.
31+
Tuttavia, possiamo prevenire lo scrolling con l'utilizzo di `event.preventDefault()` con altri eventi che permettono lo scroll, ad esempio l'evento `keydown` per `key:pageUp` e `key:pageDown`.
3232

33-
Se aggiungiamo un gestore di evento a questi eventi con `event.preventDefault()` al loro interno, allora lo scroll non comincerà affatto.
33+
Se aggiungiamo un gestore a uno di questi eventi, utilizzando `event.preventDefault()`, allora lo scroll non comincerà affatto.
3434

35-
Ci sono vari modi per iniziare uno scroll, al punto tale che spesso è più affidabile usare i CSS tramite la proprietà `overflow`.
35+
Ci sono vari modi per inizializzare uno scroll, al punto tale che spesso è più affidabile usare i CSS tramite la proprietà `overflow`.
3636

3737
Ecco alcune attività che potrete risolvere o analizzare per vedere le applicazioni di `onscroll`.

0 commit comments

Comments
 (0)