La barra di scorrimento sposta il contenuto invece di sedersi su di esso

Fixkamo-internal
Spegnimento
5 settembre 2026 alle ore 20:43 UTC
Autore
Kamo
Impegno
8a3c8aa

Dipingere la barra sopra l'ultimo 32px è bene su uno sfondo — il launchpad's carta da parati non mente — e sbagliato ovunque altro. In un registro di chat atterra su il messaggio bolle; nella rotaia nav atterra sulle icone. Il contenuto ora si muove, e il browser è ciò che lo muove. La barra di scorrimento nativo non viene più rimosso: è ampliato a 32px e colorato completamente trasparente, così il browser si riserva il gutter esattamente come ha sempre, e il nostro bar è disegnata su quella grondaia — che funziona perché la grondaia vive dentro scatola di imbottitura, e la scatola di imbottitura è ciò che il sovrapposizione già misura. Conservare in questo modo piuttosto che con `padding-inline-end` non è un dettaglio: - No `!importante ` necessario battere un `sx` prop, e non indovinare che cosa imbottitura un pannello già trasportato. L'utente precedente della regola di imbottitura, la pagina scroller in AuthedChrome, si arrende e ottiene lo stesso risultato. - Si applica ad ogni pergamena in una volta, invece di un opt-in alla volta. - Lo spazio viene preso SOLO mentre l'elemento scorre. Un pannello il cui il contenuto si adatta mantiene la sua larghezza piena — che nessuna regola di imbottitura potrebbe gestire, e che è la differenza tra riservare una grondaia e perdere 32px di ogni elemento segnato nell'app per sempre. `data-kamo-scrollbar="off"` sopprime ancora la barra E la grondaia, quindi una scheda striscia le cui frecce e bordo sbiadito sono la convenienza ottiene la sua altezza piena indietro. Controllato in un browser, non in jsdom, che non fa layout e non può vedere un barra di scorrimento a tutti: un registro di chat (bubbles chiaro della barra), un 80px nav rail (icons spinto a sinistra, non coperto), un pannello che non scorre (il suo sfondo ancora raggiunge il bordo destro, quindi nulla era riservato) e un popover 250px. Firefox è l'unico caso imperfetto — si riserva la propria gomma più stretta, così il barra lo sporge di pochi pixel.

Tutte le modifiche

Come quello che vedi la spedizione?

Ognuno di questi aggiornamenti atterra automaticamente nello spazio di lavoro. Inizia gratis e guardalo crescere settimana dopo settimana.

Inizia gratis per sempreVisualizza il prezzo