Skip to content

Commit 9031688

Browse files
authored
Добавила информацию об объекте options в scrollTo, scrollBy, scrollIntoView
1 parent d4a55f9 commit 9031688

File tree

1 file changed

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

1 file changed

+33
-0
lines changed

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

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -111,6 +111,23 @@ alert('Текущая прокрутка слева: ' + window.pageXOffset);
111111
112112
Эти методы одинаково работают для всех браузеров.
113113
114+
scrollTo/scrollBy могут иметь options, как аргумент:
115+
element.scrollTo(options).
116+
117+
options - объект с тремя свойствами:
118+
119+
```js
120+
element.scrollTo({`
121+
top: 100,
122+
left: 100,
123+
behavior: "smooth"
124+
});
125+
```
126+
127+
где behavior: "smooth" означает плавную прокрутку. Принимает значения "auto" или "smooth". По умолчанию "auto" - то есть, без плавной прокрутки.
128+
129+
Не поддерживается только в IE.
130+
114131
## scrollIntoView
115132
116133
Для полноты картины давайте рассмотрим ещё один метод: [elem.scrollIntoView(top)](mdn:api/Element/scrollIntoView).
@@ -131,6 +148,22 @@ alert('Текущая прокрутка слева: ' + window.pageXOffset);
131148
<button onclick="this.scrollIntoView(false)">this.scrollIntoView(false)</button>
132149
```
133150
151+
scrollIntoView также может иметь options, как аргумент:
152+
element.scrollIntoView(options).
153+
154+
options - объект с тремя свойствами:
155+
156+
- behavior - Анимация прокрутки. Принимает значения "auto" или "smooth". По умолчанию "auto".
157+
- block - Вертикальное выравнивание. Одно из значений: "start", "center", "end" или "nearest". По умолчанию "start".
158+
- inline - Горизонтальное выравнивание. Одно из значений: "start", "center", "end" или "nearest". По умолчанию "nearest".
159+
160+
```js
161+
elem.scrollIntoView({block: "center", behavior: "smooth"});
162+
```
163+
164+
behavior: "smooth" не поддерживается в IE и Safari, но начиная с версии 16.0 в Safari появилась поддержка behavior:
165+
"smooth".
166+
134167
## Запретить прокрутку
135168
136169
Иногда нам нужно сделать документ "непрокручиваемым". Например, при показе большого диалогового окна над документом – чтобы посетитель мог прокручивать это окно, но не документ.

0 commit comments

Comments
 (0)