“To Top” Button for FluentCommunity

What this does

A lightweight, minimal JavaScript button that appears when the user scrolls down and allows them to smoothly return to the top of the page.
Designed especially for FluentCommunity (SPA), this version:

• Works inside single-page navigation.
• Auto-detects the scroll container (no need to hard-code IDs).
• Has no background or border — just the elegant double-arrow icon.
• Includes a tooltip saying “To top” when hovering.
• Uses FluentCommunity-friendly CSS and animation.

Code (copy & paste)

Paste the following code into
FluentCommunity → Settings → Custom Scripts → Footer Scripts:

View in:

https://gist.github.com/vanamlevn-creator/91fe910dc8c016605e6f2dc093e46201

Notes

• The tooltip now shows “To top”.

• You can adjust:

  • Position → bottom:64px; right:16px;
  • Tooltip distance → bottom:40px;

• Works smoothly even when FluentCommunity loads pages dynamically.