minor

iliakan · iliakan · commit df1d9c720354 · 2019-08-05T19:00:56.000+03:00
diff --git a/2-ui/1-document/10-size-and-scroll-window/article.md b/2-ui/1-document/10-size-and-scroll-window/article.md
@@ -2,11 +2,11 @@
 
 Как узнать ширину и высоту окна браузера? Как получить полную ширину и высоту документа, включая прокрученную часть? Как прокрутить страницу с помощью JavaScript?
 
-С точки зрения DOM, корневым элементом документа является `document.documentElement`. Он соответствует тегу <html> и имеет геометрические свойства, описанные в [предыдущей статье](info:size-and-scroll). В некоторых случаях мы можем использовать их, однако есть дополнительные методы и особенности, которые необходимо учитывать.
+Для большинства таких запросов мы можем использовать корневой элемент документа `document.documentElement`, который соответствует тего `<html>`. Однако есть дополнительные методы и особенности, которые необходимо учитывать.
 
 ## Ширина/высота окна
 
-Свойства `clientWidth/clientHeight` из `document.documentElement` -- это именно то, что нам нужно:
+Чтобы получить ширину/высоту окна, можно взять свойства `clientWidth/clientHeight` из `document.documentElement`:
 
 ![](document-client-width-height.svg)
 
@@ -21,7 +21,7 @@
 
 Если есть полоса прокрутки, и она занимает какое-то место, то свойства `clientWidth/clientHeight` указывают на ширину/высоту документа без неё (за её вычетом). Иными словами, они возвращают высоту/ширину видимой части документа, доступной для содержимого.
 
-A `window.innerWidth/innerHeight` игнорируют полосу прокрутки.
+A `window.innerWidth/innerHeight` включают в себя полосу прокрутки.
 
 Если полоса прокрутки занимает некоторое место, то эти две строки выведут разные значения:
 ```js run
@@ -33,17 +33,16 @@ alert( document.documentElement.clientWidth ); // ширина окна за в
 ````
 
 ```warn header="`DOCTYPE` -- это важно"
-Обратите внимание, что геометрические свойства верхнего уровня могут работать немного иначе, если в HTML нет <!DOCTYPE HTML>. Возможны странные вещи.
+Обратите внимание, что геометрические свойства верхнего уровня могут работать немного иначе, если в HTML нет `<!DOCTYPE HTML>`. Возможны странности.
 
-Вообще, это немного за рамками JavaScript, но в данном случае это повлияет на поведение скриптов.
+В современном HTML мы всегда должны указывать `DOCTYPE`.  
 ```
 
 ## Ширина/высота документа
 
-Теоретически, т.к. корневым элементом документа является `documentElement.clientWidth/Height`, и он включает в себя всё содержимое, мы можем измерить его полный размер как `documentElement.scrollWidth/scrollHeight`.
+Теоретически, т.к. корневым элементом документа является `documentElement.clientWidth/Height`, и он включает в себя всё содержимое, мы можем получить полный размер документа как `documentElement.scrollWidth/scrollHeight`.
 
-Эти свойства хорошо подходят для обычных элементов. Но для целой страницы эти свойства работают не так, как предполагалось. В Chrome/Safari/Opera, если нет прокрутки, то `documentElement.scrollHeight` может быть даже меньше, чем
-`documentElement.clientHeight`! С точки зрения элемента это невозможная ситуация.
+Но именно на этом элементе, для страницы в целом, эти свойства работают не так, как предполагается. В Chrome/Safari/Opera, если нет прокрутки, то `documentElement.scrollHeight` может быть даже меньше, чем `documentElement.clientHeight`! С точки зрения элемента это невозможная ситуация.
 
 Чтобы надёжно получить полную высоту документа, нам следует взять максимальное из этих свойств:
 
@@ -65,7 +64,7 @@ alert('Полная высота документа с прокручиваем
 Обычные элементы хранят текущее состояние прокрутки в `elem.scrollLeft/scrollTop`.
 
 Что же со страницей?
-В большинстве браузеров мы можем обратиться к `documentElement.scrollLeft/Top`, за исключением основанных на старом WebKit (Safari), где есть ошибки ([5991](https://bugs.webkit.org/show_bug.cgi?id=5991)), и там нужно использовать `document.body` вместо `document.documentElement`.
+В большинстве браузеров мы можем обратиться к `documentElement.scrollLeft/Top`, за исключением основанных на старом WebKit (Safari), где есть ошибка ([5991](https://bugs.webkit.org/show_bug.cgi?id=5991)), и там нужно использовать `document.body` вместо `document.documentElement`.
 
 К счастью, нам совсем не обязательно запоминать эти особенности, потому что текущую прокрутку можно прочитать из свойств `window.pageXOffset/pageYOffset`:
 
@@ -86,20 +85,18 @@ alert('Текущая прокрутка слева: ' + window.pageXOffset);
 
 Обычные элементы можно прокручивать, изменяя `scrollTop/scrollLeft`.
 
-Мы можем сделать то же самое для страниц, но:
-- В большинстве браузеров используется `document.documentElement.scrollTop/Left`.
-- В основанных на старом WebKit (Safari), как сказано выше, `document.body.scrollTop/Left`.
+Мы можем сделать то же самое для страницы в целом, используя  `document.documentElement.scrollTop/Left` (кроме основанных на старом WebKit (Safari), где, как сказано выше, `document.body.scrollTop/Left`).
 
-В этих несовместимостях нет ничего хорошего, но запоминать их вовсе не надо. К счастью есть и более простое, универсальное решение: специальные методы `window.scrollBy(x,y)` и `window.scrollTo(pageX,pageY)`.
+Есть и другие способы, в которых подобных несовместимостей нет: специальные методы `window.scrollBy(x,y)` и `window.scrollTo(pageX,pageY)`.
 
-- Метод `scrollBy(x,y)` прокручивает страницу относительно её текущего положения. Например, `scrollBy(0,10)` прокручивает страницу на `10px` вниз.
+- Метод `scrollBy(x,y)` прокручивает страницу *относительно её текущего положения*. Например, `scrollBy(0,10)` прокручивает страницу на `10px` вниз.
 
     ```online
     Кнопка ниже демонстрирует это:
 
     <button onclick="window.scrollBy(0,10)">window.scrollBy(0,10)</button>
     ```
-- Метод `scrollTo(pageX,pageY)` прокручивает страницу на абсолютные координаты `(pageX,pageY)`. То есть, чтобы левый-верхний угол видимой части страницы имел данные координаты относительно левого верхнего угла документа. Это всё равно, что поставить `scrollLeft/scrollTop`.
+- Метод `scrollTo(pageX,pageY)` прокручивает страницу *на абсолютные координаты* `(pageX,pageY)`. То есть, чтобы левый-верхний угол видимой части страницы имел данные координаты относительно левого верхнего угла документа. Это всё равно, что поставить `scrollLeft/scrollTop`.
     Для прокрутки в самое начало мы можем использовать `scrollTo(0,0)`.
 
     ```online
@@ -147,7 +144,7 @@ alert('Текущая прокрутка слева: ' + window.pageXOffset);
 
 Недостатком этого способа является то, что сама полоса прокрутки исчезает. Если она занимала некоторую ширину, то теперь эта ширина освободится, и содержимое страницы расширится, текст «прыгнет», заняв освободившееся место.
 
-Это выглядит немного странно, но это можно обойти, если сравнить `clientWidth` до и после остановки, и если `clientWidth` увеличится (значит полоса прокрутки исчезла), то добавим `padding` в `document.body` вместо полосы прокрутки, чтобы оставить ширину содержимого прежней.
+Это выглядит немного странно, но это можно обойти, если сравнить `clientWidth` до и после остановки, и если `clientWidth` увеличится (значит полоса прокрутки исчезла), то добавить `padding` в `document.body` вместо полосы прокрутки, чтобы оставить ширину содержимого прежней.
 
 ## Итого
 
