Propriedade Style backgroundAttachment

Definição e uso

backgroundAttachment Configuração ou retorno da propriedade background-image para rolar com o conteúdo ou estar fixa.

Veja também：

Estilos HTML：Propriedade background

Tutorial de CSS：Fundo CSS

Manual de referência do CSS：Propriedade background-attachment

Exemplo

Exemplo 1

Definir a imagem de fundo como fixa (não rolar)：

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

Experimente você mesmo

Exemplo 2

Escolher scroll e local no elemento DIV：

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

Experimente você mesmo

Exemplo 3

Alternar entre scroll e fixed：

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

Experimente você mesmo

Exemplo 4

Retornar o valor da propriedade background-attachment：

alert(document.body.style.backgroundAttachment);

Experimente você mesmo

Sintaxe

Retornar a propriedade backgroundAttachment：

object.style.backgroundAttachment

Definir a propriedade backgroundAttachment：

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

Valor da propriedade

Valor Descrição
scroll O fundo se move com o elemento. Padrão.
fixed O fundo está fixo em relação à viewport.
local O fundo se move com o conteúdo do elemento.
initial Defina essa propriedade como seu valor padrão. Veja initial。
inherit Herda essa propriedade do elemento pai. Veja inherit。

Detalhes técnicos

Valor padrão： scroll
Valor de retorno： uma string que indica como a imagem de fundo é anexada ao objeto dentro do documento.
Versão do CSS： CSS1

suporte do navegador

backgroundAttachment é uma característica do CSS1 (1996).

Todos os navegadores suportam completamente isso:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Suporte Suporte Suporte Suporte Suporte Suporte