Skip to content

Commit e4ff94c

Browse files
committed
Update 2-ui\1-document\10-size-and-scroll-window\article.md
1 parent e1bae9b commit e4ff94c

File tree

1 file changed

+9
-9
lines changed
  • 2-ui/1-document/10-size-and-scroll-window

1 file changed

+9
-9
lines changed

2-ui/1-document/10-size-and-scroll-window/article.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -21,24 +21,24 @@ I browser supportano inoltre proprietà come `window.innerWidth/innerHeight`. Se
2121

2222
Se esiste una barra di scorrimento ed occupa uno spazio, `clientWidth/clientHeight` forniscono la larghezza e l'altezza al netto della barra (la sottraggono). In altre parole restituiscono le dimensioni della parte visibile del documento disponibile per il contenuto.
2323

24-
`window.innerWidth/innerHeight` includono la barra di scorrimento.
24+
`window.innerWidth/innerHeight` includono invece la barra di scorrimento.
2525

26-
If there's a scrollbar, and it occupies some space, then these two lines show different values:
26+
Se la barra di scorrimento è presente ed occupa uno spazio, allora queste due linee di codice mostreranno dei valori differenti:
2727
```js run
28-
alert( window.innerWidth ); // full window width
29-
alert( document.documentElement.clientWidth ); // window width minus the scrollbar
28+
alert( window.innerWidth ); // larghezza della finestra comprensiva di barra di scorrimento
29+
alert( document.documentElement.clientWidth ); // larghezza della finestra barra esclusa
3030
```
3131

32-
In most cases, we need the *available* window width in order to draw or position something within scrollbars (if there are any), so we should use `documentElement.clientHeight/clientWidth`.
32+
Nella maggior parte dei casi abbiamo bisogno della larghezza delle finestra *disponibile* per disegnare o posizionare qualcosa all'interno delle barre di scorrimento (se presenti), quindi dovremmo usare `documentElement.clientHeight/clientWidth`.
3333
````
3434
35-
```warn header="`DOCTYPE` is important"
36-
Please note: top-level geometry properties may work a little bit differently when there's no `<!DOCTYPE HTML>` in HTML. Odd things are possible.
35+
```warn header="Il `DOCTYPE` è importante"
36+
Si noti che le proprietà geometriche ad alto livello possono funzionare in modo leggermente differente se non c'è `<!DOCTYPE HTML>` nell'HTML. Si potrebbero verificare comportamenti imprevedibili.
3737
38-
In modern HTML we should always write `DOCTYPE`.
38+
Nell'HTML moderno dovremmo sempre indicare il `DOCTYPE`.
3939
```
4040
41-
## Width/height of the document
41+
## Larghezza e altezza del documento
4242
4343
Theoretically, as the root document element is `document.documentElement`, and it encloses all the content, we could measure the document's full size as `document.documentElement.scrollWidth/scrollHeight`.
4444

0 commit comments

Comments
 (0)