Rolagem

Scroll expand stage

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

Sixteen days above the treeline

Field notes

Above the last stand of pine

The ridge line held snow through July this year, and the trail crew rerouted the switchbacks twice before the crossing finally opened. We carried sixteen days of food across three passes, resupplying nothing, trusting the caches we had set back in June.

By the ninth day the treeline was a memory. What replaced it was better: open granite, marmots working the boulder fields, and a silence that made every footstep sound deliberate.

Field notes, day fourteen of sixteen

Scroll to expand

Como usar Scroll expand stage

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

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: startWidth, startRadius, zoom, smoothing, title, accent

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

1874Pinned lateral galleryRolagemUma 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.

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.

1855Enter view revealRolagemBlocos que deslizam e desaparecem no momento em que aparecem e se reiniciam quando saem, de modo que a revelação é reproduzida novamente a cada passagem.

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.

2838Scroll dim text revealRolagemUm parágrafo fica esmaecido e clareia palavra por palavra em sincronia com o progresso da rolagem, depois escurece novamente conforme você rola para trás.

1880Scroll entrance wrapperRolagemUm invólucro que mantém seus filhos estacionados até que eles apareçam, depois reproduz uma chegada facilitada e nunca a repete.