- Navios
- 6 de setembro de 2026 às 01:23 UTC
- Autor
- Kamo
- Enviar
- 3705467
Terceira tentativa, e os dois primeiros visaram a coisa errada porque O arnês estava a mentir. Puppeteer lança Chrome com --hide-scrollbars por padrão, então cada captura de tela tirada enquanto diagnostica isto não tinha barras de rolagem nele de todo — inclusive os que eu costumava concluir que uma correção havia funcionado. Removendo isso A bandeira e o novo teste mostraram que o bar nunca tinha sido desenhado. Com vista restaurada, a causa reproduzida do nada: uma página contendo apenas um recipiente de rolagem e uma «posição: fixa; inset: 0` camada portador de borrão(3px), escala(1.03) e índice z: 0 — que é precisamente o plano de fundo — desenha não Barra de rolagem. Uma camada posicionada em z-index 0 pinta após o rolagem de entrada, e a barra de um recipiente de pergaminho é pintada com o pergaminho em vez de depois dele, Então a obra de arte foi colocada sobre ela. O excesso de escala existe para esconder o a borda macia do borrão, por isso alcança o painel em todos os lados e não havia tira do roller que não cobriu. Em vez de continuar organizando a ordem da pintura em torno de um pano de fundo sangrado, o rolo volta para o documento. A barra de rolagem da janela é desenhada pelo navegador fora da página, para que nada as pinturas da página podem cobri-lo e nenhuma configuração de sobreposição pode desbotá-lo. Isso significa que o painel cresce com o seu conteúdo em vez de ser um recipiente de rolagem, e o clipe muda com ele: clip-path em vez de transbordar mais transformar. clip-path ainda clips da página `fixed` crianças para o painel cantos arredondados, mas ao contrário de uma transformação que não se torna seu contendo bloco — assim que a obra de arte ea bolha de suporte ficar ancorado ao viewport e Fique quieto, que era para o que a correção anterior era. Verificado de ambos os modos em um página mínima antes de tocar no aplicativo. A sombra move-se para .kamo-shell, uma vez que clip-path de outra forma iria cortar o painel própria sombra de distância, e uma criança pegajosa é mantida na borda superior do painel em vez de O viewport's, que é uma lacuna maior. Medido em 1440x900 e 390x844: window srollbar 15px wide, document rolable por 400 e 1085, o painel inset exatamente 15px em ambos os lados, eo trabalho de arte movendo 0px enquanto o cabeçalho move o total -400. Onze viewports limpam com o trilho exactamente na altura do painel. A barra está na imagem desta vez.