Rolagem

Pinned lateral gallery

Uma seção que permanece no lugar enquanto a rolagem vertical é gasta arrastando uma linha de painéis lateralmente, depois libera e permite que a página continue.

Lines of the city

The section holds still while your scroll drags the row beneath it.

01 / 05

Fire escapes, Lower East Side

02 / 05

Cable car lines, Nob Hill

03 / 05

Laundry lines, Trastevere

04 / 05

Power lines, Shibuya crossing

05 / 05

Scaffolding, Kreuzberg

01 / 05

Back to the regular page

The pin released once the row ran out, and normal scrolling picked back up.

Como usar Pinned lateral gallery

Uma seção que permanece no lugar enquanto a rolagem vertical é gasta arrastando uma linha de painéis lateralmente, depois libera e permite que a página continue.

Teste a prévia com o mouse e o teclado. Verifique o foco visível e o layout em telas estreitas na sua página. Informe o número ou o identificador do componente ao seu agente de programação.

Propriedades: accent, panels, heading, showProgress, scrollLength

Quais frameworks estão disponíveis?

O catálogo inclui estas versões: react, vue, svelte, astro, html. A prévia desta página usa React.

Como acessar a implementação?

O código, as versões, a instalação e o painel de propriedades estão incluídos no Fieldbook Pro. A prévia interativa está aberta para todos.

Conecte seu agente

Componentes relacionados

1873Parallax plate galleryRolagemUma galeria vertical onde o número de índice superdimensionado de cada placa flutua em uma taxa diferente da própria placa, com um trilho de progresso de rolagem na parte inferior.

1881Scroll expand stageRolagemUm pequeno quadro arredondado cresce para preencher toda a janela de visualização conforme você rola, seu título desaparece enquanto o artigo abaixo desaparece.

1882Scroll focus columnRolagemUma coluna de rolagem onde cada linha desaparece e diminui à medida que sai da faixa de leitura e volta à presença total ao entrar, de modo que apenas o meio fica totalmente sólido.

2839Scroll progress railRolagemUma barra fina fixada na parte superior de um painel rolável que preenche da esquerda para a direita em sincronia exata com a distância que o conteúdo é rolado e volta quando você rola para cima.

1892Sticky zoom heroRolagemUm painel principal que permanece fixado enquanto você rola, empurrando o pano de fundo em sua direção até ficar desfocado e entregar a página ao texto abaixo.

1843Blur fade revealRolagemConteúdo que chega fora de foco e transparente e fica mais nítido na primeira vez que é exibido, sem deslocar um único pixel.