Feature Request: Built-in Go to Top button component #1719

New Issue

claunia · 2026-01-29T17:57:41Z

claunia commented

2026-01-29 17:57:41 +00:00

Originally created by @franklupo on GitHub (Apr 17, 2025).

Is your feature request related to a problem? Please describe.
On long pages or dashboards with scrollable content, users may find it tedious to scroll manually to the top, especially on mobile or touch devices. Currently, Radzen does not provide a built-in component or option for this functionality.

Describe the solution you'd like
A reusable Radzen component (e.g., <RadzenGoToTop />) that shows a floating button when the user scrolls down a certain amount, and on click scrolls the page or a specified container to the top. Example usage:

<RadzenGoToTop ShowAfter="300" Icon="arrow_upward" />

Describe alternatives you've considered

Custom JavaScript interop to create a scroll listener and button
Manual implementation using @onscroll handlers and ScrollToAsync() in @inject IJSRuntime
Third-party components or Bootstrap-based solutions

These workarounds are valid but require custom code and additional complexity.

Additional context
This kind of UX enhancement is already present in several Blazor libraries like in the example here:
https://www.blazor.zone/go-top

It would be great to have this feature natively supported in Radzen for consistency and ease of use.

Originally created by @franklupo on GitHub (Apr 17, 2025). **Is your feature request related to a problem? Please describe.** On long pages or dashboards with scrollable content, users may find it tedious to scroll manually to the top, especially on mobile or touch devices. Currently, Radzen does not provide a built-in component or option for this functionality. **Describe the solution you'd like** A reusable Radzen component (e.g., `<RadzenGoToTop />`) that shows a floating button when the user scrolls down a certain amount, and on click scrolls the page or a specified container to the top. Example usage: ```razor <RadzenGoToTop ShowAfter="300" Icon="arrow_upward" /> ``` **Describe alternatives you've considered** - Custom JavaScript interop to create a scroll listener and button - Manual implementation using `@onscroll` handlers and `ScrollToAsync()` in `@inject IJSRuntime` - Third-party components or Bootstrap-based solutions These workarounds are valid but require custom code and additional complexity. **Additional context** This kind of UX enhancement is already present in several Blazor libraries like in the example here: https://www.blazor.zone/go-top It would be great to have this feature natively supported in Radzen for consistency and ease of use.

claunia commented

2026-01-29 17:57:42 +00:00

@akorchev commented on GitHub (Apr 19, 2025):

We have recently introduced RadzenToc which can do a similar thing - it scrolls to any section in a page. You can try using it with a single item.

Implementing such a component would involve using @onscroll handlers and JS interop too.

@akorchev commented on GitHub (Apr 19, 2025): We have recently introduced [RadzenToc](https://blazor.radzen.com/toc) which can do a similar thing - it scrolls to any section in a page. You can try using it with a single item. Implementing such a component would involve using `@onscroll` handlers and JS interop too.

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/radzen-blazor#1719