A propriedade CSS overscroll-behavior-x

Página anterior overscroll-behavior-inline
Próxima página overscroll-behavior-y

Definição e uso

overscroll-behavior-x A propriedade é usada para desativar a cadeia de rolagem ou o feedback de over-scroll ao tentar rolar além dos limites da rolagem no eixo x.

Atenção:Para acionar overscroll-behavior no eixo x, você pode precisar usar gestos de deslize no trackpad ou na tela tátil.

Cadeia de rolagemÉ quando o over-scroll em um elemento resulta no comportamento de rolagem do elemento pai. Este é o comportamento padrão.

Over-scrollO feedback é fornecido ao usuário quando ele tenta rolar além dos limites da rolagem. Por exemplo, em dispositivos móveis, quando tentar rolar além do topo da página, geralmente há um feedback visual de atualização da página.

Exemplo

Feche a cadeia de rolagem do elemento <div> scrollável no eixo x:

#yellowDiv {
  overscroll-behavior-x: contain;
}

Experimente você mesmo

Sintaxe do CSS

overscroll-behavior-x: auto|contain|none|initial|inherit;

Valores de propriedade

Valores	Descrição
auto	Permite o comportamento de cadeia de rolagem e feedback de over-scroll. Valor padrão.
contain	Permite o comportamento de feedback de over-scroll, mas não permite cadeia de rolagem.
none	Não permite feedback de over-scroll ou comportamento de cadeia de rolagem.
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:	auto
Herança:	Não
Produção de animação:	Não suportado. Veja:Propriedades relacionadas a animação.
Versão:	CSS3
Sintaxe do JavaScript:	object.style.overscrollBehaviorX="none"