Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

Add "scroll to top" button when board scrolls down ⬆️

Aberta
  • Algo errado?
#200 3 comentários 0 reações 1 responsável Ver no GitHub

Mantenedores costumam responder em até 2 dias

@lie75922-cpu já está trabalhando nisso.

Desde 10/8/2026.

Avaliação

Esta issue ainda não foi avaliada.

Descrição

good first issue

Add "scroll to top" button when board scrolls down ⬆️

File: client/src/pages/Dashboard.jsx

When you have 20+ tasks and scroll down
there's no way to quickly get back to top 💀

Fix:
const [showTop, setShowTop] = useState(false)

useEffect(() => {
const handleScroll = () => setShowTop(window.scrollY > 300)
window.addEventListener('scroll', handleScroll)
return () => window.removeEventListener('scroll', handleScroll)
}, [])

{showTop && (
<button
onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })}
className="fixed bottom-6 right-6 bg-purple-600
hover:bg-purple-500 text-white rounded-full
w-10 h-10 text-lg shadow-lg transition z-50"

↑
)}
~10 lines! No backend needed 🎯

Linguagem predominante
JavaScript
Estrelas
39
Forks
105
Merge médio
1d 12h
PRs com merge (30d)
27

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de anoopcodehack/DevBoard

Todas as issues de anoopcodehack/DevBoard

Issues semelhantes

Mais issues de JavaScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.