rebase

Author: Alexandre887

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

@@ -109,24 +109,36 @@ alert('Текущая прокрутка слева: ' + window.pageXOffset);
     <button onclick="window.scrollTo(0,0)">window.scrollTo(0,0)</button>
     ```
 
-Эти методы одинаково работают для всех браузеров.
+В обоих методах вместо координат также может использоваться объект `options`, как аргумент:
 
-scrollTo/scrollBy могут иметь options, как аргумент:
-element.scrollTo(options).
+```js
+window.scrollTo(options);
+window.scrollBy(options);
+```
 
-options - объект с тремя свойствами:
+`options` поддерживает три свойства:
 
 ```js
-element.scrollTo({`
+window.scrollTo({
   top: 100,
-  left: 100,
+  left: 0,
   behavior: "smooth"
 });
 ```
 
-где behavior: "smooth" означает плавную прокрутку. Принимает значения "auto" или "smooth". По умолчанию "auto" - то есть, без плавной прокрутки.
+- `top` -- то же самое, что `y`/`pageY`
+- `left` -- то же самое, что `x`/`pageX`
+- `behavior` -- определяет, каким образом будет прокручиваться страница:
+
+  - `"smooth"` -- плавно (не поддерживается в Safari)
+  - `"instant"` -- мгновенно
+  - `"auto"` -- определяется браузером (зависит от CSS-свойства [scroll-behavior](https://developer.mozilla.org/ru/docs/Web/CSS/scroll-behavior))
+
+```online
+Демонстрация плавной прокрутки страницы (в Safari прокрутка будет мгновенной):
 
-Не поддерживается только в IE.
+<button onclick="window.scrollTo({ top: 500, left: 0, behavior: "smooth" })">window.scrollTo({ top: 500, left: 0, behavior: "smooth" })</button>
+```
 
 ## scrollIntoView
 
@@ -148,22 +160,22 @@ element.scrollTo({`
 <button onclick="this.scrollIntoView(false)">this.scrollIntoView(false)</button>
 ```
 
-scrollIntoView также может иметь options, как аргумент:
-element.scrollIntoView(options).
+Как и `scrollTo`/`scrollBy`, `scrollIntoView` также принимает объект `options` как аргумент (он немного отличается):
 
-options - объект с тремя свойствами:
+```js
+this.scrollIntoView(options).
+```
 
-- behavior - Анимация прокрутки. Принимает значения "auto" или "smooth". По умолчанию "auto".
-- block - Вертикальное выравнивание. Одно из значений: "start", "center", "end" или "nearest". По умолчанию "start".
-- inline - Горизонтальное выравнивание. Одно из значений: "start", "center", "end" или "nearest". По умолчанию "nearest".
+`options` поддерживает три свойства:
 
 ```js
-elem.scrollIntoView({block: "center", behavior: "smooth"});
+this.scrollIntoView({
+  behavior: "smooth",
+  block: "end",
+  inline: "nearest" 
+});
 ```
 
-behavior: "smooth" не поддерживается в IE и Safari, но начиная с версии 16.0 в Safari появилась поддержка behavior:
-"smooth".
-
 ## Запретить прокрутку
 
 Иногда нам нужно сделать документ "непрокручиваемым". Например, при показе большого диалогового окна над документом – чтобы посетитель мог прокручивать это окно, но не документ.