Desenvolvimento do Scroll Bar Buddy, que desce junto com a página ao rolar

• Introdução ao Scroll Buddy

  • Este é um projeto que adiciona uma figura animada de palito para deixar a barra de rolagem mais divertida
  • Ao rolar a página, é possível ver a figura de palito se movendo para cima e para baixo ao lado da página
  • No futuro, estão planejadas várias versões, como skatista, escalador e esquilo

• Avisos

  • A animação de exemplo incluída na lateral da página pode causar problemas para alguns leitores
  • Leitores com distúrbios vestibulares devem ativar o recurso de redução de movimento no dispositivo antes de ver a animação
  • Quando a configuração de redução de movimento está ativada, o Scroll Buddy fica oculto na maioria dos navegadores

• Outras informações

  • Este projeto foi feito com JavaScript simples
  • Estão recebendo sugestões de ideias para tornar a barra de rolagem mais interessante

• Conteúdo adicional

  • O restante do texto é texto fictício para rolagem e não tem relação com o conteúdo real

[GN⁺]

Comentários no Hacker News

• Divertido. Eu tinha uma ideia ainda não codificada. Basicamente, seria um hamster com paraquedas descendo lentamente até o fim da página
  • Se você rolar rapidamente, o paraquedas abre e ele pousa de novo na parte de baixo da viewport
  • Ao passar o mouse, ele segura uma placa com "Top" e, ao clicar, sai voando com um jetpack; quando a tela chega ao topo, ele abre o paraquedas de novo e pousa suavemente na parte inferior da tela
• Fico me perguntando por que ninguém chamou isso de Stroll Bar
• Esse tipo de recurso deveria ser desativado quando o usuário tiver a configuração prefers-reduced-motion
  • É preciso uma regra CSS adicional
  • @media (prefers-reduced-motion) { #scrollBuddy { visibility: hidden; } }
• Seria divertido ter, em vez de uma barra de rolagem sem graça, um bonequinho animado andando para cima e para baixo ao lado da página
  • Fiz o primeiro protótipo
  • Depois vou fazer um skatista, um escalador e um esquilo
  • Queria saber que outros amigos de rolagem seriam legais de criar
• Fico me perguntando por que esconderam a implementação atrás de um Google Form
  • Os detalhes da implementação são facilmente acessíveis pelo DOM
  • Compartilhei um gist que permite extrair os detalhes relevantes sem fornecer e-mail
• Fico me perguntando por que isso está atrás de um Google Form. Nem sequer há uma captura de tela de como é antes de coletarem o endereço de e-mail. Que post estranho para ir parar na página principal
• Isso me lembra do fim dos anos 90, quando as pessoas adicionavam olhos ou efeitos de fogo que seguiam o mouse nos sites
• Não sei o que estou deixando passar. No Firefox e no Chrome, não vejo nada além da própria barra de rolagem. Talvez tenha relação com a cor personalizada da barra de rolagem
• Projetos assim me fazem lembrar da internet antiga. Gosto disso
• Isso destaca o quanto as barras de rolagem existentes são inúteis e difíceis de usar
  • Gostei do recurso que facilitava ver onde eu estava na página. Também tem humor. Gostei