Skip to content

feat(docs): Add scroll-to-top button for documentation pages#180

Open
adity1raut wants to merge 1 commit intoNetflix:masterfrom
adity1raut:schrol_to_top
Open

feat(docs): Add scroll-to-top button for documentation pages#180
adity1raut wants to merge 1 commit intoNetflix:masterfrom
adity1raut:schrol_to_top

Conversation

@adity1raut
Copy link

@adity1raut adity1raut commented Feb 27, 2026

Summary

  • Added a fixed scroll-to-top button that appears on all documentation pages
  • Button shows after scrolling 300px and smoothly returns user to the top
  • Adapts to light/dark mode via --ifm-color-primary CSS variable

Fixed

Changes

  • src/components/ScrollToTopButton/index.js — React component with scroll
    listener and conditional render
  • src/components/ScrollToTopButton/styles.module.css — scoped styles,
    fixed bottom-right, hover lift effect
  • src/theme/Root.js — Docusaurus Root swizzle to inject the button
    globally across all pages

Before

Screencast.From.2026-02-27.07-28-04.webm

After

Screencast.From.2026-02-27.07-29-37.webm

…component

Signed-off-by: adity1raut <araut7798@gmail.com>
@vercel
Copy link

vercel bot commented Feb 27, 2026

@adity1raut is attempting to deploy a commit to the Metaflow Team on Vercel.

A member of the Team first needs to authorize it.

@adity1raut
Copy link
Author

PTAL @npow

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.

feat(docs): Add scroll-to-top button on documentation pages

1 participant