Стиль атрибута scrollBehavior
- Предыдущая страница right
- Следующая страница tableLayout
- Вернуться на один уровень выше Объект Style HTML DOM
Определение и использование
scrollBehavior Атрибут определяет, будет ли происходить плавная анимация прокрутки при нажатии на ссылку в области прокрутки, а не прямое переход.
Дополнительная информация:
CSS Референс Манифест:Атрибут scroll-behavior
Пример
Добавить плавный эффект прокрутки на страницу:
document.documentElement.style.scrollBehavior = "smooth";
Синтаксис
object.style.scrollBehavior = "auto|smooth|initial|inherit"
Значение атрибута
| Значение | Описание |
|---|---|
| auto | по умолчанию. Эффект прокрутки, позволяющий элементам внутри области прокрутки переходить напрямую. |
| smooth | Эффект прокрутки, позволяющий элементам внутри области прокрутки анимироваться плавно. |
| initial | Установить этот атрибут в его значение по умолчанию. См. также initial. |
| inherit | Этот атрибут наследуется от родительского элемента. См. также inherit. |
Поддержка браузера
Числа в таблице указывают на версию браузера, которая полностью поддерживает этот атрибут.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 61.0 | 79.0 | 36.0 | 14.0 | 48.0 |
- Предыдущая страница right
- Следующая страница tableLayout
- Вернуться на один уровень выше Объект Style HTML DOM
