Add a scroll to top button

[Aayushman-nvm]

Description

Add a scroll-to-top button that appears after scrolling ~300px down the page. Improves navigation on long documentation pages.

Implementation

• Create _includes/scroll_to_top.html component (HTML/CSS/JS in one file)
• Add {% include scroll_to_top.html %} to default.html and landing_page.html
• Button appears bottom-right, fades in/out based on scroll position
• Responsive across all screen sizes

Benefits

• Reduces navigation time on long pages
• Smooth scroll-to-top UX
• Self-contained, easy to maintain

Note

• Code work is already done, will raise a PR once PRs are accepted repository wide

[Aayushman-nvm]

Implementation

Was planning to share a screen recorded video but can't seem to upload it hence here's a screenshot of the implementation

[MuhammadAashirAslam]

Hey @Aayushman-nvm , great suggestion . Can we also add this in api.precice.org too? There are numerous pages there that are quite a long scroll e.g https://api.precice.org/cpp/latest/preciceC_8h.html , https://api.precice.org/cpp/latest/preciceFortran_8hpp.html etc . I think that would be great too .