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

netlifyBot commented Jul 1, 2026

Copy link
Copy Markdown

Deploy Preview for opensciencelabsweb failed.

NameLink
🔨 Latest commit49e0e02
🔍 Latest deploy loghttps://app.netlify.com/projects/opensciencelabsweb/deploys/6a45472de3122b0008ecadb2

@patelscripts

Copy link
Copy Markdown
ContributorAuthor

please check my pr @xmnlab

Sign up for freeto 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

@patelscripts