You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Approvate tutte le correzioni tranne quelle su clic/click. [In italiano è clic](https://www.treccani.it/vocabolario/clic/) in inglese click
Co-authored-by: Andrea <45577511+longo-andrea@users.noreply.github.com>
Copy file name to clipboardExpand all lines: 2-ui/1-document/11-coordinates/article.md
+6-6Lines changed: 6 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
# Coordinate
2
2
3
-
Per spostare gli elementi dovremmo avere familiarità con le coordinate.
3
+
Per spostare gli elementi dovremmo prendere familiarità con le coordinate.
4
4
5
5
La gran parte dei metodi JavaScript ha a che fare con uno di questi due sistemi di coordinate:
6
6
@@ -9,7 +9,7 @@ La gran parte dei metodi JavaScript ha a che fare con uno di questi due sistemi
9
9
2.**Coordinate relative al documento** - paragonabili a `position:absolute` riferito alla radice del documento, calcolate dal bordo superiore sinistro del documento.
10
10
- le indicheremo con `pageX/pageY`.
11
11
12
-
Quando la pagina è al suo inizio, così che l'angolo superiore sinistro della finestra coincide esattamente con l'angolo superiore sinistro del documento, queste coordinate sono uguali tra loro. Ma dopo che si scorre la pagina, le coordinate relative alla finestra cambiano via via che gli elementi si spostano all'interno di questa, mentre le coordinate relative al documento rimangono invariate.
12
+
Quando ci troviamo all'inizio della pagina, così che l'angolo superiore sinistro della finestra coincide esattamente con l'angolo superiore sinistro del documento, queste coordinate sono uguali tra loro. Ma dopo che si scorre la pagina, le coordinate relative alla finestra cambiano via via che gli elementi si spostano all'interno di questa, mentre le coordinate relative al documento rimangono invariate.
13
13
14
14
In questa immagine consideriamo un punto nel documento e mostriamo le sue coordinate prima dello scorrimento (riquadro a sinistra) e dopo di esso (riquadro a destra):
15
15
@@ -95,11 +95,11 @@ Possiamo quindi ricorrere ad un polyfill (aggiungendo dei getter in `DomRect.pro
95
95
```
96
96
97
97
```warn header="Le coordinate right/bottom sono differenti dalle proprietà di posizione CSS"
98
-
Ci sono delle evidenti rassomiglianze tra le coordinate relative alla finestra e `position:fixed` dei CSS.
98
+
Ci sono delle evidenti somiglianze tra le coordinate relative alla finestra e `position:fixed` dei CSS.
99
99
100
100
Nel posizionamento CSS, tuttavia, la proprietà `right` indica la distanza dal bordo destro, e la proprietà `bottom` indica la distanza dal bordo in basso.
101
101
102
-
Se diamo una semplice occhiata all'immagine sopra, possiamo notare che in JavaScript non è così. Tutte le coodinate relative alla finestra sono calcolate a partire dall'angolo superiore sinistro e queste non fanno eccezione.
102
+
Se diamo una semplice occhiata all'immagine sopra, possiamo notare che in JavaScript non è così. Tutte le coordinate relative alla finestra sono calcolate a partire dall'angolo superiore sinistro e queste non fanno eccezione.
103
103
```
104
104
105
105
## elementFromPoint(x, y) [#elementFromPoint]
@@ -127,7 +127,7 @@ alert(elem.tagName);
127
127
Dal momento che usa le coordinate relative alla finestra, l'elemento può variare in base alla posizione di scorrimento corrente.
128
128
129
129
````warn header="Per coordinate al di fuori della finestra `elementFromPoint` restituisce `null`"
130
-
Il metodo `document.elementFromPoint(x,y)` funziona solo se `(x,y)`sono dentro l'area visibile.
130
+
Il metodo `document.elementFromPoint(x,y)` funziona solo se `(x,y)`si trovano all'interno dell'area visibile.
131
131
132
132
Se una delle coordinate è negativa o eccede le dimensioni della finestra, restituisce `null`.
0 commit comments