Rolagem

Scroll progress rail

Uma 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.

Release notes

Version 2.6: the registry rebuild

This cycle was about the pipeline more than the pixels. The catalog is now derived from the component folders at build time, so a meta fix and the site copy can never drift apart again. Every entry carries its own plate number, and the ports are compiled and smoke rendered before anything ships to the public index.

Highlights

The build got a lenient mode. A folder with findings is now skipped and reported instead of taking the whole catalog down with it, which turned a bad Tuesday into a one line fix. Pages resolve by plate number everywhere, including the agent surface, so old links keep working after a rename.

Entries in the catalog

302

Frameworks per entry

Changelog

Sep 4Registry build skips lenient folders instead of aborting the whole catalog.
Sep 3Component pages resolve by plate number in the index and on the agent surface.
Sep 2Button and media pages regenerated on the cloud pool and verified by hand.
Sep 1Port reports only count an entry as written once its closing tag lands.
Aug 30Thumbnail pass adds a webp render for every new component in the batch.
Aug 29Wave 5 components checked in, one hundred and sixty of them.

Known quirks

The thumbnail renderer still races the catalog write on very large waves, so a handful of cards can ship with a stale frame for a few minutes. A fix is queued for the next batch. Port tests on the server rendered frameworks are slower than they need to be; the plan is to share one headless browser across the whole run.

End of the notes. Scroll back up and watch the rail drain.

Scroll or drag inside the panel. The rail fills as you read and drains when you go back.

Como usar Scroll progress rail

Uma 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.

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: color, thickness, showTrack

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.

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.

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.

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.