Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

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

Abierto
  • ¿Algo no está bien?
#200 3 comentarios 0 reacciones 1 asignado Ver en GitHub

Los mantenedores suelen responder en 1 día

@lie75922-cpu ya está trabajando en esto.

Desde el 10/8/2026.

Evaluación

Este issue todavía no se ha evaluado.

Descripción

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 🎯

Lenguaje dominante
JavaScript
Estrellas
39
Forks
105
Merge medio
1 d 19 h
PR fusionados (30 d)
29

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de anoopcodehack/DevBoard

Todos los issues de anoopcodehack/DevBoard

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.