Skip to content

fix(ui) : improve back-to-top button visibility on scroll#293

Open
patelscripts wants to merge 11 commits into
OpenScienceLabs:mainfrom
patelscripts:blog-ui-fix
Open

fix(ui) : improve back-to-top button visibility on scroll#293
patelscripts wants to merge 11 commits into
OpenScienceLabs:mainfrom
patelscripts:blog-ui-fix

Conversation

@patelscripts

Copy link
Copy Markdown
Contributor

This PR improves the behavior of the back-to-top button in the UI.

Changes made:

  • Updated JavaScript logic to show the button only when user scrolls down
  • Removed always-visible behavior of the button
  • Ensured better UX by reducing UI clutter at the top of the page
  • Minor adjustments in styling consistency (if any)

Why this change:

Previously, the back-to-top button was always visible, which was unnecessary and slightly distracting on initial page load. Now it appears only when the user scrolls, improving usability and UI cleanliness.

Testing:

  • Verified button is hidden on page load
  • Verified button appears on scroll
  • Verified button remains functional (scroll to top works correctly)

Top of the page

Screenshot (249)

After scrolling down

Screenshot (250)

@netlify

netlify Bot commented Jul 1, 2026

Copy link
Copy Markdown

Deploy Preview for opensciencelabsweb failed.

Name Link
🔨 Latest commit 49e0e02
🔍 Latest deploy log https://app.netlify.com/projects/opensciencelabsweb/deploys/6a45472de3122b0008ecadb2

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant