Exemplo: Canvas 100% e Cursor Customizado
Este exemplo mantém um canvas cobrindo a viewport inteira e desenha um cursor visual que segue seu ponteiro. A página tem conteúdo suficiente para permitir scroll vertical.
Seção 1
Role a página para ver que o canvas permanece fixo na viewport enquanto o documento rola por baixo.
Seção 2
O canvas usa `pointer-events: none` para não interferir em cliques e navegação.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis.
Praesent vitae eros eget tellus tristique bibendum. Donec rutrum sed sem quis venenatis.
Proin viverra risus a eros volutpat tempor. In quis arcu et eros porta lobortis sit.
Integer at turpis id enim pulvinar gravida. Curabitur luctus, sapien non faucibus gravida.
Aliquam erat volutpat. Donec pulvinar, tortor at pretium semper, sapien justo cursus urna.
Morbi porttitor, justo eget laoreet suscipit, arcu lacus tempor orci, id placerat mi justo at urna.
Suspendisse potenti. Duis nec arcu non nibh sagittis varius sed a ligula.
Fusce nec felis id lacus mattis convallis. Cras sed turpis vitae tortor aliquet gravida.
Etiam tincidunt, arcu non faucibus aliquet, arcu nisl volutpat nisl, at fermentum sapien elit sed odio.
Curabitur non nulla sit amet nisl tempus convallis quis ac lectus.
Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Donec sollicitudin molestie malesuada. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui.
Quisque velit nisi, pretium ut lacinia in, elementum id enim. Nulla quis lorem ut libero malesuada feugiat.
Curabitur aliquet quam id dui posuere blandit. Pellentesque in ipsum id orci porta dapibus.