Свойство backgroundAttachment
Пример style.backgroundAttachment
Установить фиксированное фоновое изображение (не будет прокручиваться):
document.body.style.backgroundAttachment = "fixed";Попробуйте сами »
Ещё примеры ниже.
Описание backgroundAttachment
Свойство backgroundAttachment устанавливает или возвращает, должно ли фоновое изображение прокручиваться вместе с содержимым или быть фиксированным.
Похожи на backgroundAttachment
HTML Стили: Свойство background
CSS Учебник: CSS Backgrounds
CSS Справочник: CSS Свойство background-attachment
Синтаксис backgroundAttachment
Вернуть свойство backgroundAttachment:
object.style.backgroundAttachment
Установите свойство backgroundAttachment:
object.style.backgroundAttachment = "scroll|fixed|local|initial|inherit"
Значение свойства backgroundAttachment
| Значение | Описание |
|---|---|
| scroll | Фон прокручивается вместе с элементом. Это по умолчанию |
| fixed | Фон фиксирован относительно области просмотра. |
| local | Фон прокручивается вместе с содержимым элемента. |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали backgroundAttachment
| Значение по умолчанию: | scroll |
|---|---|
| Возвращаемое значение: | Строка, представляющая способ прикрепления фонового изображения к объекту в документе. |
| CSS Версия | CSS1 |
Поддержка backgroundAttachment
backgroundAttachment является функцией CSS1 (1996).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | Да |
Ещё примеры backgroundAttachment
Выберите между прокруткой и локальным размещением в элементе DIV:
document.getElementById("myDIV").style.backgroundAttachment = "local";
Попробуйте сами »
Переключение между прокруткой и фиксированным режимом:
let x = document.body.style.backgroundAttachment;
document.body.style.backgroundAttachment = (x == "scroll")? "fixed":"scroll";
Попробуйте сами »
Вернуть значение свойства background-attachment:
let back = document.body.style.backgroundAttachment;
Попробуйте сами »