A propriedade CSS overscroll-behavior-y

Página anterior overscroll-behavior-x
Próxima página padding

Definição e uso

overscroll-behavior-y A propriedade é usada para desativar a cadeia de rolagem ou o feedback de deslize excessivo ao tentar rolar além dos limites da rolagem na direção y.

Cadeia de rolagemÉ quando o deslize excessivo em um elemento resulta no comportamento de rolagem do elemento pai. Este é o comportamento padrão.

Deslize excessivoO feedback é o que é fornecido ao usuário quando ele tenta rolar além dos limites da rolagem. Por exemplo, em dispositivos móveis, ao 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:

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

Experimente você mesmo

Sintaxe CSS

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

Valor da propriedade

Valor	Descrição
auto	Permite o comportamento de cadeia de deslize e feedback de deslize excessivo. Valor padrão.
contain	Permite o comportamento de feedback de deslize excessivo, mas não permite cadeia de deslize.
none	Não permite feedback de deslize excessivo ou comportamento de cadeia de deslize.
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 JavaScript:	object.style.overscrollBehaviorY="none"