Свойство style.backgroundAttachment

Определение и использование

backgroundAttachment Настройка или возврат того, следует ли фоновое изображение прокручиваться вместе с содержимым или быть фиксированным.

Дополнительная информация:

HTML стили:Свойство background

Учебник CSS:Фон CSS

Руководство CSS:Свойство background-attachment

Пример

Пример 1

Установить изображение фона как фиксированное (не прокручивается):

document.body.style.backgroundAttachment = "fixed";

Попробуйте сами

Пример 2

Выбор scroll и local в элементе DIV:

document.getElementById("myDIV").style.backgroundAttachment = "local";

Попробуйте сами

Пример 3

Переключение между scroll и fixed:

var x = document.body.style.backgroundAttachment;
document.body.style.backgroundAttachment = (x == "scroll")? "fixed":"scroll";

Попробуйте сами

Пример 4

Возврат значения свойства background-attachment:

alert(document.body.style.backgroundAttachment);

Попробуйте сами

Синтаксис

Возврат свойства backgroundAttachment:

object.style.backgroundAttachment

Установка свойства backgroundAttachment:

object.style.backgroundAttachment = "scroll|fixed|local|initial|inherit"

Значение свойства

Значение Описание
scroll Фон прокручивается вместе с элементом. По умолчанию.
fixed Фон фixeирован относительно окна просмотра.
local Фон прокручивается вместе с содержимым элемента.
initial Свойство устанавливается в его значение по умолчанию. См. initial.
inherit Эта свойство наследуется от родительского элемента. См. inherit.

Технические детали

Значение по умолчанию: scroll
Возврат значения: Строка, которая указывает, как изображение фона связано с объектами в документе.
Версия CSS: CSS1

Поддержка браузерами

backgroundAttachment Это функция CSS1 (1996).

Все браузеры полностью поддерживают его:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Поддержка Поддержка Поддержка Поддержка Поддержка Поддержка