System - Top of the Page

Make long Joomla pages a breeze to navigate with System - Top of the Page - a smart plugin that adds a floating "Return to Top" link with unmatched customization. Forget cluttering your content with manual links—this tool dynamically appears after a user scrolls a set distance, fading away when they’re back at the top, all while boosting user experience without impacting SEO.

How It Works

"System - Top of the Page" creates a sleek, floating button that appears exactly when needed—no named anchors required. Set a scroll distance (e.g., 200px), and the button fades in, guiding users back to the top with a smooth click. Customize its position, appearance, animation, and even content (e.g., icons or text) to match your site’s vibe. As a bonus, I’ve added a special feature: with a few plugin tweaks and 7 lines of JavaScript (detailed in the Examples section), the button doubles as a page-scroll progress meter, visually showing users how far they’ve scrolled!

Joomla
Plugins
Top of the Page
v5.0.0
Joomla! 3

P

P

Why Choose System - Top of the Page?

This plugin isn’t just convenient—it’s a game-changer for usability. Long pages become effortless to navigate, keeping visitors engaged without clutter. Rewritten for Joomla 5 with pure JS/CSS (ditching Mootools/jQuery), it’s faster, more compatible, and future-proof, ensuring seamless performance. Whether you’re running a blog, e-commerce site, or admin dashboard, this tool enhances navigation while reflecting my passion for community-driven solutions.

Fancy a Demo?

Check it out on this page! Look for the green arrow in the bottom right corner—it fades in at 200px down the page. With a tiny bit of configuration and 7 lines of JavaScript, I have mine showing a page-scroll progress meter. It’s live on every page of my site!  Give it a click and you'll be taken to the top of the page.

You can read about how to implement the page-scroll progress meter in the Examples section of the site.

Features

  • Dynamic Floating Link: Appears after a set scroll distance, disappears when back at the top.
  • Unmatched Flexibility: Supports custom configurations like a page-scroll progress meter.
  • Pure JS/CSS Rewrite: Joomla 5-native, no compatibility plugin needed, for better performance.
  • Ultimate Customization: Adjust position, appearance, animation, CSS, button content, and icons.
  • Admin Support: Optionally runs in /administrator for backend usability.
  • Automatic Updates: Keeps your plugin current with Joomla’s update system.

Enhance your Joomla site’s navigation with "System - Top of the Page"—the ultimate tool for seamless, adaptable scrolling. Ready to elevate your user experience?

Download the Plugin

  System - Top of the Page 5.0.011580

  Report a Bug   Documentation

Frequently Asked Questions:

What is the "System - Top of the Page" plugin?

It’s a Joomla plugin that adds a customizable, floating "Return to Top" button to your site. It appears after a user scrolls a set distance and fades away when they return to the top, improving navigation on long pages without cluttering your content.

How does the plugin work?

The plugin dynamically adds a floating button that appears when a user scrolls past a configurable distance (e.g., 200px). Clicking it smoothly returns them to the top of the page. It also fades out when no longer needed, keeping the interface clean.

Do I need to add manual links or anchors for it to work?

No, it doesn’t require named anchors or manual links. The plugin automatically generates the button and handles the scroll behavior using pure JavaScript and CSS.

Can I customize the button’s appearance?

Yes, it offers extensive customization. You can adjust its position (e.g., bottom right), appearance (colors, size), animation (fade in/out), and content (text or icons) to match your site’s design.

What is the page-scroll progress meter feature?

With a few plugin tweaks and 7 lines of JavaScript (explained in the Examples section), the button can visually indicate how far a user has scrolled down the page, acting as a progress meter in addition to its "Return to Top" function.

How do I set up the page-scroll progress meter?

You’ll need to configure the plugin settings and add the 7 lines of JavaScript provided in the Examples section of the site. This optional feature enhances the button’s functionality, showing scroll progress as users navigate.

Why was it rewritten for Joomla 5?

The plugin was updated to use pure JavaScript and CSS, removing dependencies on outdated libraries like Mootools and jQuery. This makes it faster, more compatible with Joomla 5, and future-proof without needing a compatibility plugin.

Does it work in the Joomla administrator backend?

Yes, it can optionally run in the /administrator section, improving navigation for admins working on long backend pages. You can enable this in the plugin settings.

How does it improve user experience?

By adding a convenient "Return to Top" button on long pages, it saves users from tedious scrolling, keeping them engaged. Its smooth animations and uncluttered design enhance usability without distracting from content.

Will this plugin affect my site’s SEO?

No, it’s designed to boost user experience without impacting SEO. The button is lightweight, uses clean code, and doesn’t interfere with search engine crawlers or page rankings.

Where can I see it in action?

You can check the demo on the article’s page! Look for a green arrow in the bottom right corner—it appears after scrolling 200px and fades out when you’re back at the top. The author’s site also showcases the page-scroll progress meter feature.

Is it compatible with all Joomla sites?

It’s optimized for Joomla 5 with pure JS/CSS, but older versions might require additional compatibility checks. No compatibility plugin is needed for Joomla 5, ensuring seamless performance.

How do I install and configure it?

Install it via Joomla’s extension manager, then configure settings like scroll distance, position, appearance, and whether it runs in the frontend, backend, or both. Automatic updates via Joomla’s system keep it current.

Who should use this plugin?

It’s perfect for Joomla sites with long pages—like blogs, e-commerce stores, or admin dashboards—where easy navigation is key. It’s especially valuable for site owners who prioritize usability and customization.

What makes this plugin stand out from other "Back to Top" tools?

Its unmatched flexibility (e.g., progress meter option), Joomla 5-native code, and extensive customization set it apart. Plus, it’s built with a community-driven passion for enhancing navigation without bloat.

61 Reviews

Retrieved from JED monthly

Complete - Unfiltered

Why is this software free?

I’m ditching the freemium game and giving this software to the Joomla crowd for free. It’s a nod to “Jumla”—Swahili for “all together”—because fragmentation sucks, and I’d rather focus on innovation and paid gigs. Use it, build with it, and if you need custom work, I’m super into that.

Will You Make X for WordPress?

No. WordPress accounted for over 96% of the websites infected with malware in 2022, and 99.4% of all security vulnerabilities were found in themes and plugins in 2021. I have personally witnessed a WordPress site hack destroy a company. I won't touch that CMS with a 10-foot pole.