# System - Top of the Page - - Joomla! 3 - Joomla! 4 - Joomla! 5 - Joomla! 6 - [ plugin ](/content-tags/plugin) - [ system ](/content-tags/system) - [ Joomla! 4 ](/content-tags/joomla-4) - [ Joomla! 3 ](/content-tags/joomla-3) - [ Joomla! 5 ](/content-tags/joomla-5) - [ Security ](/content-tags/security) - [ UI ](/content-tags/ui) ![System - Top of the Page](https://cdn.richeyweb.com/images/articles/plg_system_topofthepage/topofthepage.webp) - [JED: System - Top of the Page](https://extensions.joomla.org/extension/structure-a-navigation/site-navigation/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! ## 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](/software/examples) section of the site. ## Practical Applications - [ Progress Indicator for Top of the Page](/software/examples/top-of-the-page/progress-indicator-for-top-of-the-page) ## 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 [ System - Top of the Page 5.0.312473](/extension-repository/system-top-of-the-page/plg_system_topofthepage-5.0.3) [ Report a Bug](/bugs) [ Documentation](/software/documentation/system-top-of-the-page) ## 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. ## 60 Reviews ### Retrieved from JED monthly #### Complete - Unfiltered ### Works as expected #### 2011-05-02 - Slavko After some problems with access to download site i get excelent extension. I was using J2Top in Joomla 1.5, but this is more simplest to set button style. It works as expected, or better :-) Support is not needed, it works after installation and publishing. Very good job! Thanks. #### Reply Thanks for your kind words. I wanted to make it easy to use and style. I'm glad you appreciate my work. ### nice one #### 2011-05-05 - ekukabel thank you for this very nice plugin :-)) is there any way to get it run under 1.5? I have 1.6 only for testing and i found it not so good. #### Reply Love or hate 1.6, it's here to stay. The same cannot be said for 1.5. Eventually (January 2012) support will end and extensions will follow. Writing two versions of an extension adds a lot of extra work for no monetary reason...Remember, all of my extensions are free. On that note, I CAN be bribed. ### Very nice #### 2011-05-05 - Nima Nouri The code is working very well. and it is hidden untill you scroll down the age and then you will see a button with a adjustable color is apearing which is the thing I am exactly looking for. However the problem is it will shift the menu bar (in position-0 my\_beez20 nature template) down and it is annoying. I hope the developer continue his great work and correct the bug. #### Reply Thanks for reporting your issue, but I wish you had contacted me regarding the issue rather than post it here in the review. I try to be very responsive to errors or other issues with my extensions. Version 1.1 is now available and resolves this issue - tested against the beez template. ### Nice easy to use for both admins and visitors #### 2011-05-07 - Thomas Very nice to use for both admins and visitors I think, espcially since the colors can be modified so it gets discreet. One thing I miss though is a way to translate it. If I could easily translate it to other languages it would get 5 stars from me. Thanks. #### Reply You should note that this extension is a plugin AND language file. This means the plugin uses standard joomla translation files. If you want another language, copy the English translation file to the appropriate language folder and translate it. No chance for that 5th star now, even though the plugin already does this. ### Thank You #### 2011-05-13 - eveline This very nice plugin. I've just one question. How can I change "return to top" to different language? #### Reply You'll need to create a language file for the plugin to represent each language you want to translate. Basically, in your administrator folder, you'll find administrator/language/en-GB/en-GB.plg\_system\_topofthepage.ini Copy that file into your needed language folders, so copy it to administrator/language/xx-XX/xx-XX.plg\_system\_topofthepage.ini Then edit the file, changing the value within quotes to the appropriate word or phrase in your target language. The specific line you'll need to translate is: PLG\_SYS\_TOPOFTHEPAGE\_GOTOTOP="Return to Top" The rest of the file is for the plugin translations in the backend. ### Great MooTools Based Top of the Page #### 2011-05-30 - Nicolas Works out of the box and easy to install. Integrates the possibility to customize it directly in the plug-in settings or via you template stylesheet. Excellent support. Thanks ### Brilliant and simple to set up #### 2011-06-06 - Jon Siddall This is for sure the easiest method for adding a back to top button. Worked straight away. Great that the CSS can be customised in the plugin. Nice smooth fade and scroll effects. Excellent job :) Many thanks for making it easy ### Great #### 2011-06-16 - Wael Mohamed Just a Great work. all what you need, adding some documentation about changing language and some tutorials about how to add images and custom words. ### Great extension #### 2011-07-11 - Robert Great extension. easy to set up. Is there a way to put graphics instead of text? #### Reply That can be done using CSS settings in the plugin configuration. ### Seamless integration #### 2011-10-03 - vivi Excellent. Great Job. Very little to say apart from that. Oh yes very configurable and light too . The CSS part is a breeze add cursors or what ever you want . Thank you developer #### Reply Thank you for your kind words. I wanted to provide that seamless experience, with all of the flexibility I required when implementing it in my own projects. Everything needed to be customizable! I'm glad it works for you and everyone who's given positive reviews (and even those who haven't) ### Just great extension! #### 2011-10-23 - Vladimir Dabić This is one of my favorite extension, it is very useful, it looks great, you can customize it how ever you want (CSS), nice vanishing effect, and there is a language support. Everything you need for returning to top extension. And there is more, great support from developer. Thank you very much! ### Excellent Plugin #### 2011-10-27 - Dan Blue Integrates seamlessly with Joomla 1.7.2 and is easy to configure and style. Easy for a beginning Joomla user. A perfect solution to adding Back to Top code article by article, which addressed a long listing of blog articles. ### Needs customization #### 2011-11-03 - Sandy Verschaeve Good extension, easy to install and activate. One remark : why is it installed with such an incomplete oldfashioned CCS preset ? I added rounded corners, removed the underline, added a modern font and it looked great. #### Reply OLD FASHIONED!?!? Yeah, I guess you're right. I didn't want to presume that I could create a perfect output which would work with every color scheme, so I made output that would stand out against most color schemes. For me it was important to make it easy to style so site administrators didn't need to do anything other than configure the plugin. ### Absolutely brilliant #### 2011-12-04 - Michael Kenneally Superb plugin. So easy to install and configure. Works perfectly with 1.7. ### Very Nice ? #### 2011-12-16 - Arna Fríða Ingvarsdóttir Really nice and easy to install and style. For improvement it would be nice to include parameters that make it available to put in own text for the "Return to top" that is automatically generated. Otherwise. Highly recommended. :) Good job :) #### Reply I considered adding a field for the button text, but that would prevent use in multi language sites. Using the language override capabilities of joomla is the recommended method. ### Perfect! #### 2011-12-20 - Teresa Wadleigh This is SUPER! Very configurable - CSS and other customization is right there in the plugin parameters; no need to hack files. The only thing I noticed that could be a problem is that in a narrow window it hid behind my right column. Because the CSS was right there it was easy to fix (z-index: 89;). One more thing: My template has a "Go to Top" link in it, but it wouldn't work with the Slider extension. (My template "Go to Top" link kept setting up a link like '.../page#last-slide-name#top'. Since that anchor didn't exist, the link went nowhere.) "Top of the Page" works perfectly every time - even with Slider links open or closed. THANK YOU and GOD BLESS! #### Reply Yeah, z-index can't be anticipated. I never know what environment my plugin will be installed, so I can't anticipate everything. I can, however, provide options ;) Like you said, CSS is right there - and that's why it's there. Glad you like the plugin! ### Perfect! #### 2011-12-23 - elToreador Very easy to install component. It works perfect and looks really nice. Support is also helpful and quick - I had little problem with my site and author helped me quickly and solved my problem in 100%. I recommend this component for all Joomla users :) ### Great Plugin #### 2012-02-07 - Andreas Tenhagen The plugin does what it should! I already used it last year, but due to some compability issues (cannot remember exactly, but I think it was with Tabber/Slider) deinstalled it. Also I wasn't that happy with the anchor being added to the URL after clicking on "return to top". Decided to give it another try now and was determined to work on any issues - but, there weren't any! So the new version worked right out of the box now - great! CSS can be directly edited in the backend. Try border-radius and box-shadow! Also, with Joomla 2.5 it is now even easier to replace the default text ("return to top"): Simply go to the language overrides in the Joomla backend and add a rule for "PLG\_SYS\_TOPOFTHEPAGE\_GOTOTOP". In my case I used "↑" (arrow pointing up), which works in most languages ;-) ### A must have #### 2012-02-20 - Vidur Bharany Quick, Light, Easy to work and customise (CSS is accessible on the admin side itself.)... gets the job done in a very clean way. PHP isn't my strength and simply by reading the review before mine, I was able to put an "arrow" instead of the text. A must have. ### excellent support #### 2012-03-02 - Michael Knapp Hats off to Mike for going the extra mile and getting the extension working in a JA framework environment. #### Reply I want it to work everywhere! Thanks for reporting the issue! Bug reports work - submit them! ### Good plugin, good support #### 2012-03-16 - pierre This plugin is just what I needed. You can customize it as you want. The support is excellent. I had a problem with my template, the support help me to solve it. Good job ### Excellent plugin #### 2012-04-07 - Willy I am very happy with this plugin. It does what it should do, is very easy to install, configure and style. I was using an outdated version and noticed a tiny bug. I contacted the author and received a reply within hours, together with the latest version, 1.12. The tiny bug was fixed in this version and it has even more configuration options. A must have. ### Simple and efficient #### 2012-04-08 - robocap A well done plugin, very easy to install and use. The smooth scrolling effect is very pleasant, and the button appears at the wanted time, immediately active. Anyway I didn't figure out how to substitute the button with an image (this, I suppose, because I'm not an expert of javascript) #### Reply The curse of being a developer is that I understand everything I do, and just about everything everyone else does because I read their code... So, when I write an extension - It makes perfect sense to me. Several of my extensions have the capability for very advanced/complicated configurations. Top of the Page is one of them. I plan on writing some in-depth how-to articles about my extensions in the future. Email me and I'll be happy to give a step-by-step to achieve your goal. ### Awesome plug in! #### 2012-04-23 - Bob Pettine This plugin is great and is exactly what I needed. Very easy to install & configure. Very useful, thanks so much to the developer!! ### Great Reviews #### 2012-05-24 - bruce i liked it very much.. grt plugin.. but i have problem i am using joomla 2.5, after scrolling down when i click Return-to-top it redirect to my home page like this www.example.com/#topofthepage any solution..plz help #### Reply If you are using joomsef, you need to turn the base tag setting off... it does not create a valid base tag. ### Using Top of the Page #### 2012-06-01 - Aleksej Khoroshevskij Using Top of the Page in Joomla 2.5 since version 1.7(February 2012). Advantages: Support for Joomla 1.6, 1.7, 2.5. Ease of installation and ease of customization. Multilanguage support. Flexible styling button. Support as a button as text and images. Disadvantages: Sometimes problems arise when using Progressive caching Joomla 2.5. In this case there are two buttons. Very easy to use navigation element. On my site 33% clicks on the home page - this button. Support - good. I use this plugin on the blog site and site post-graduate . Engaged in web technologies since March 2007. Use Joomla since December 2009. #### Reply I've revised the plugin (version 1.14) to behave properly with Joomla cache. The plugin now handles invalid base tags correctly. Additionally, the JavaScript has been rewritten into a Mootools Class which is more compact and concise. ### top notch #### 2012-07-20 - philippe v I went through the waste of time of registering on this site just to review this plug in and the coder after 6 years of using joomla and extensions. Just top notch working plug in and very quick support! 5 stars for sure little tip so he's not bothered by the question anymore :) the #topofthepage URL problem- That can be removed by turning smooth scroll on. If you're not interested in smooth scrolling, just set the transition time to 0. #### Reply Version 2.0 removes the smoothscroll JS library (but does not remove smooth scrolling options) With that removed, the anchor is no longer present in the page, so there is no longer an anchor present in the URL, regardless of configuration. ### Top of the Page simple and good #### 2012-08-08 - Luc Boumans Nice and simple extension. Does what you expect and easy to install. Good support. Could use an easier way of customizing. #### Reply Language, CSS, positioning, appearance criteria, scroll transition selection and URL appearance can be customized. Exactly what about this extension doesn't have enough customization for you? ### Nicely Designed #### 2012-08-10 - Chris Configuration is nicely designed - allows you to use inline styles from admin config or instead read from your own style sheet. The only addition by the developer I can see being useful to some people would be the ability to change the link text in the admin config instead of having to edit the plugin's files directly. Thanks. #### Reply Like other multi-lingual extensions, it's a snap to use the language manager to override any language string used in this plugin. Thanks for the great review! ### A VERY NICE ONE #### 2012-09-06 - tarekitsme simple ,easy to install & make it work ,,,it can't get any easier than this ,,,thumbs up to the developer ,,i highly recommend you to get this & to check his other extensions ### Very good extension! #### 2012-09-13 - Dang Thai Thanh Very good extension. Simple to install and use. ### Straight and to the point #### 2012-10-09 - Paul Fullilove This is an excellent plug-in with no frills. Just the way I like it. I made one minor change to sbttFixedPermalink() and that was to add a z-index of 20 to make sure the arrow displayed on top of my right sidebar. Thanks. #### Reply The latest version has an automatic z-index function! ### Simple and effective #### 2012-10-13 - Daiden Sacha Top marks for simplicity and effectiveness. It is easy to add, to style, and it works very smoothly. Really cool, thanks!!! ### Great plugin #### 2012-10-18 - Danilo Very useful extension. Easy to set up. In some templates you must set z-index with high value if link not work. Thank you for this great non-commercial extension. #### Reply Version 1.25 provides an automatic z-index option which should be useful for many users. ### Superb plugin #### 2012-11-20 - Brad Hicks Easy to use, works straight out of the box and it was easy to customise. Big thumbs up #### Reply It's nice to see someone who isn't ashamed of a deformity. I salute you and your big thumbs. You are an inspiration to us all! Seriously though, thanks for the great review - I couldn't resist an opportunity for humor. ### Yes, how hard can it be to do it right? #### 2012-12-01 - Kenneth Fribert I've been around looking on a lot of plugins that claims to do this, this one just works, great job! #### Reply I think that some extension devs take the easy way out and just adapt someone else's code into a plugin and release it. That wasn't my style. I wanted something that fit my needs, was easily configurable (so I could reuse it for my own clients), and was fast. Hard? A little, but it was time well spent. ### Wicked awesome plugin #### 2013-01-04 - Ryan Drewniak Worked flawlessly right off the start line. EXCEPTIONALLY simplistic customization options, with absolutely no excessive "pre-built plugin code" that you have to override with copious amounts of CSS. Essentially, if you know BASIC CSS (which you really should if you're doing ANYTHING in a web environment), you should have no problems customizing it 100% to fit your requirements Also works flawlessly on mobile (the desired avenue for which I am using said plugin). There's absolutely nothing that I'd change. Well done, my good man! ### Just what I needed! #### 2013-01-20 - Mark Spryszak Just learning Joomla and built my first site and one of the finishing touches was a clean return to top plugin. So glad I found this! I swapped in some images, tweaked the minor amount of code it comes with and it's set up exactly how I like it. The only thing I can't figure out is why it won't appear on child pages. There doesn't appear to be any differences in settings between them and the parent pages. #### Reply I would like to understand what you mean by "child pages". The link should appear on all pages generated by the Joomla site where the plugin is installed. An exception might be content opened within a modal window - depending on how it's opened. ### Great plugin #### 2013-01-22 - Dorin N This is a great plugin. However, I encountered a problem when using it with a responsive template from joomlashine. While scrolling down the page, and the "back to top" image was to the right side of the responsive content, the "back to top" link didn't work, even if it showed up properly. The solution was to change the "back to top" z-index value to a greater value than the one of the content. Thank you for this wonderful plugin. #### Reply The latest versions of the plugin have an option for automatic z-Index. This was a common problem, so I wrote some JS that could overcome it. ### Great Plugin #### 2013-01-28 - Jenny McWilliam This is one great little plugin. Did exactly what my client wanted and was SO easy to install and configure. Thanks. ### great plugin and great support #### 2013-03-21 - Ronald Really great plugin, easy intstall, i only did't no how to select a image instead of text. The Developer Michael helpt me, great support! ### Great plugin and helpful developer #### 2013-03-28 - Katrin Wertl I am an absolute beginner in webdesign, I have only little experience in html code writing, css, my website is made with Artisteer \*lol\*, so...I am real beginner. I found this little plugin, installed it, and it worked perfectly with that simple text link to get to the top of the page. But I wanted to have a cute button instead of the text link. As I am not familiar with css, I could not get it to work, so I wrote a short email to the developer and only a few minutes later I had my silly problem solved. Great plugin and very helpful and patient developer! Thank you. ### Plugin works like it should! #### 2013-04-02 - Kraki Super plugin and incredible support from the developer. ### Very nice!! #### 2013-04-14 - John Wade Does exactly what it's supposed to do PLUS you can customize it. Excellent plugin!! Thank you!! ### Perfect extension, just what I wanted #### 2013-04-25 - Peter Hoogenboom An excellent extension for my website with excellent support too. As I'am an absolute beginner I asked for help in customizing the top of the page button. The help came in secounds and all my questions where kindly answered. Thank you Michael for this extension and your support, You are very kind! ### Top!!! #### 2013-06-14 - Etchot This plugin shows a button as soon as you start scrolling down the page. This button allows you to go back to the top of the page. Easy to configure and use. Additionally, it has many settings to customize it. Top of the page must be on your website!!! #### Reply The distance to scroll before the button appears is configurable. I'm glad you find it useful and thank you for the great review! ### Great extension and full author support #### 2013-06-19 - Denis Excellent extension. It's work's exactly like it should be. Also it has some helpful customization option. Finally author provide a great support for nooby users. Thank you! ### Very cool!! #### 2013-07-20 - braxton Does exactly what it says. Easily configurable. Dev replied very fast to my query. BRAVO!!! ### Excellent little plugin #### 2013-09-22 - Jan Wonderful plugin, lots of configurations possible and you can ad your own CSS to accommodate the plugin to the style of your template. Depending on the template structure, you may have to ad a z-index value to the CSS to make it work as expected. Thanks. #### Reply Version 1.25 provides a facility for automatic z-index discovery! This should ease the pain of chasing down the z-index for elements on your pages. ### Very good #### 2013-10-10 - eJuice Vaporz I am new to all this web design and asked the developer for a little helped by email and got fast responds. He helped me sort out my problem and now I am very happy with my back to top button. ### Terrific ! #### 2013-12-24 - Louis Hoebrechts Impossible to give something else than maximum. A must have on every Joomla! site. #### Reply It IS not only possible, but you did it! You gave a great review! Thank you :) ### Awesome, Easy-to-Use and Customize Plugin #### 2013-12-27 - Lilly This is such a great little plug-in... super easy to use, customize, and implement. Thank you for putting out such a simplified, clean plugin! #### Reply I built the plugin that I wanted to use, with the features I wanted to see. As I received feedback and suggestions (and feature requests) - it has evolved into one of my more popular extensions. Thank you for the great review! ### Fast & Easy Install #### 2014-02-02 - Wallace Carney I liked the presets, so it took me less than one minute to get exactly what I wanted. Thanks for this excellent plugin!!! #### Reply Finally, someone likes the presets. I thought it would never happen, because the only style I have is CSS \*rimshot. I'm glad to hear you had such an easy install/implementation. One of my goals for this extension is to make it easy and customizable - which isn't always easy to do. Check out version 2.0. There are a few new features - and it runs faster and cleaner on both the server and the browser. ### This plugin work great ! (J3.2) #### 2014-04-04 - Franck Sinimalé Hi, This plugin free to download, is so easy to install, tu use, to customize and that works. Donation will be done to thanks and to encourage to go on ! ### Really straightforward #### 2014-07-08 - Grant Hood I was after a quick scroller-upper, saw this plug-in and had it working straight away. Tweaked the CSS in the plugin parameter and it couldn't have been easier. Nice work - thanks :) Donation on its way. ### Perfect & Free :-) #### 2014-07-29 - Claude Dumont Does what it should. Easy to config. Simply works and it's free. Thank you very very much! ### Another great one from Richey Web Development #### 2015-04-26 - Tami Bartels Functionality Works right out of the starting gate. Unobtrusive while being obvious and doing exactly as needed. Ease Of Use Perfectly set up upon install and enabled. Support A 100 based on this is the second extension from Michael and I have not needed anything more than his site forum help. None needed for this.Documentation Never have any trouble based on developer site documentation. Thanks for all your work from a grateful newbie to joomla. ### Great Little Extra #### 2016-08-20 - Dags Functionality Functionality is good. Only have a slight issue for some reason doesn't work on Mobiles but does on Desktops. Maybe something I've done.Ease Of Use Very easy to use.. no complaints there.SupportHaven't needed it.DocumentationHaven't used any ### Easy to use "return to the top" plugin feature #### 2017-01-10 - Harold Functionality You can use words or Font Awesome icons in all of their sizes in any position you choose. Scrolls quickly back to the top.Ease Of Use Very easy to use and to mdify.Support Michael Richey's products are all well documented, minimizing the need for direct support.Documentation Great documentation. ### I love this plugin! #### 2018-05-07 - Joyce van Heerden Functionality Does exactly what it's supposed to do on any platform. Very easy to customize.Ease Of Use Plug & play.Support Excellent, very fast and friendly.Documentation Good. - [ email ](mailto:?subject=System+-+Top+of+the+Page&body=https%3A%2F%2Fwww.richeyweb.com%2Fsoftware%2Fjoomla%2Fplugins%2Fsystem-top-of-the-page) - [ facebook ](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.richeyweb.com%2Fsoftware%2Fjoomla%2Fplugins%2Fsystem-top-of-the-page) - [ x-twitter ](https://twitter.com/intent/tweet?text=System+-+Top+of+the+Page%3A+https%3A%2F%2Fwww.richeyweb.com%2Fsoftware%2Fjoomla%2Fplugins%2Fsystem-top-of-the-page) - [ linkedin ](http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.richeyweb.com%2Fsoftware%2Fjoomla%2Fplugins%2Fsystem-top-of-the-page&title=System+-+Top+of+the+Page&summary=Make+long+Joomla+pages+a+breeze+to+navigate+with+S...) - [ pinterest ](http://pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.richeyweb.com%2Fsoftware%2Fjoomla%2Fplugins%2Fsystem-top-of-the-page&media=https%3A%2F%2Fcdn.joomla.org%2Fimages%2Fjoomla-org-og.jpg&description=System+-+Top+of+the+Page) [ Previous article: System - AdminExile System - AdminExile ](/software/joomla/plugins/system-adminexile) [ Next article: System - ByeByeGenerator System - ByeByeGenerator ](/software/joomla/plugins/system-byebyegenerator) ##### We Value Your Privacy We use cookies to enhance your experience and for traffic analysis. By continuing to visit this site you agree to our use of cookies. [Privacy Policy](/privacy-policy) Details ###### Google Tag Manager Items - Ad Storage - Ad User Data - Ad Personalization - Analytics Storage - Functionality Storage - Personalization Storage - Security Storage Decline Accept ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.richeyweb.com/#organization","name":"RicheyWeb","url":"https://www.richeyweb.com/","logo":{"@type":"ImageObject","url":"https://www.richeyweb.com/images/logo/richeyweb.svg","contentUrl":"https://www.richeyweb.com/images/logo/richeyweb.svg","width":{"@type":"QuantitativeValue","value":38,"unitCode":"PX"},"height":{"@type":"QuantitativeValue","value":38,"unitCode":"PX"},"@id":"https://www.richeyweb.com/#logo"},"image":{"@id":"https://www.richeyweb.com/#logo"},"sameAs":["https://x.com/ComRicheyweb","https://www.facebook.com/RicheyWebDev/","https://www.youtube.com/channel/UCxnVG8BwOvQRO7hVqNX7T2g","https://community.joomla.org/service-providers-directory/listings/115:richeyweb.html"],"description":"RicheyWeb is a custom software developer specializing in Joomla extensions.","ContactPoint":[{"@type":"ContactPoint","url":"https://www.richeyweb.com/contact-us","telephone":"903-873-8460","contactType":"Owner/Administrator","areaServed":["United States",{"@type":"Country","name":"United States","sameAs":["https://en.wikipedia.org/wiki/United_States","https://www.wikidata.org/wiki/Q30","https://g.co/kg/m/09c7w0"]},"European Union",{"@type":"AdministrativeArea","name":"European Union","sameAs":["https://en.wikipedia.org/wiki/European_Union","https://www.wikidata.org/wiki/Q458","https://g.co/kg/m/0_6t_z8"]},"United Kingdom",{"@type":"Country","name":"United Kingdom","sameAs":["https://en.wikipedia.org/wiki/United_Kingdom","https://www.wikidata.org/wiki/Q145","https://g.co/kg/m/07ssc"]},"Australia",{"@type":"Country","name":"Australia","sameAs":["https://en.wikipedia.org/wiki/Australia","https://www.wikidata.org/wiki/Q408","https://g.co/kg/m/0chghy"]},"Canada",{"@type":"Country","name":"Canada","sameAs":["https://en.wikipedia.org/wiki/Canada","https://www.wikidata.org/wiki/Q16","https://g.co/kg/m/0d060g"]},"Russia",{"@type":"Country","name":"Russia","sameAs":["https://en.wikipedia.org/wiki/Russia","https://www.wikidata.org/wiki/Q159","https://g.co/kg/m/06bnz"]},"China",{"@type":"Country","name":"China","sameAs":["https://en.wikipedia.org/wiki/China","https://www.wikidata.org/wiki/Q148","https://g.co/kg/m/0d05w3"]}],"availableLanguage":"en"},{"@type":"ContactPoint","url":"https://www.richeyweb.com/bugs","telephone":"903-873-8460","contactType":"Technical Support","areaServed":["United States",{"@type":"Country","name":"United States","sameAs":["https://en.wikipedia.org/wiki/United_States","https://www.wikidata.org/wiki/Q30","https://g.co/kg/m/09c7w0"]},"European Union",{"@type":"AdministrativeArea","name":"European Union","sameAs":["https://en.wikipedia.org/wiki/European_Union","https://www.wikidata.org/wiki/Q458","https://g.co/kg/m/0_6t_z8"]},"United Kingdom",{"@type":"Country","name":"United Kingdom","sameAs":["https://en.wikipedia.org/wiki/United_Kingdom","https://www.wikidata.org/wiki/Q145","https://g.co/kg/m/07ssc"]},"Australia",{"@type":"Country","name":"Australia","sameAs":["https://en.wikipedia.org/wiki/Australia","https://www.wikidata.org/wiki/Q408","https://g.co/kg/m/0chghy"]},"Canada",{"@type":"Country","name":"Canada","sameAs":["https://en.wikipedia.org/wiki/Canada","https://www.wikidata.org/wiki/Q16","https://g.co/kg/m/0d060g"]},"Russia",{"@type":"Country","name":"Russia","sameAs":["https://en.wikipedia.org/wiki/Russia","https://www.wikidata.org/wiki/Q159","https://g.co/kg/m/06bnz"]},"China",{"@type":"Country","name":"China","sameAs":["https://en.wikipedia.org/wiki/China","https://www.wikidata.org/wiki/Q148","https://g.co/kg/m/0d05w3"]}],"availableLanguage":"en"}],"knowsAbout":["Computer programming",{"@type":"Thing","name":"Computer programming","sameAs":["https://en.wikipedia.org/wiki/Computer_programming","https://www.wikidata.org/wiki/Q80006","https://g.co/kg/m/01mf_"]},"PHP",{"@type":"Thing","name":"PHP","sameAs":["https://en.wikipedia.org/wiki/PHP","https://www.wikidata.org/wiki/Q59","https://g.co/kg/m/060kv"]},"JavaScript",{"@type":"Thing","name":"JavaScript","sameAs":["https://en.wikipedia.org/wiki/JavaScript","https://www.wikidata.org/wiki/Q2005","https://g.co/kg/m/02p97"]},"arduino","Computer forensics",{"@type":"Thing","name":"Computer forensics","sameAs":["https://en.wikipedia.org/wiki/Computer_forensics","https://www.wikidata.org/wiki/Q878553","https://g.co/kg/m/02wxbd"]},"White hat",{"@type":"Thing","name":"White hat","sameAs":["https://en.wikipedia.org/wiki/White_hat_(computer_security)","https://www.wikidata.org/wiki/Q7995625","https://g.co/kg/m/03ns_5"]},"Search engine optimization",{"@type":"Thing","name":"Search engine optimization","sameAs":["https://en.wikipedia.org/wiki/Search_engine_optimization","https://www.wikidata.org/wiki/Q180711","https://g.co/kg/m/019qb_"]},"Search engine marketing",{"@type":"Thing","name":"Search engine marketing","sameAs":["https://en.wikipedia.org/wiki/Search_engine_marketing","https://www.wikidata.org/wiki/Q846132","https://g.co/kg/m/06mw8r"]},"Digital marketing",{"@type":"Thing","name":"Digital marketing","sameAs":["https://en.wikipedia.org/wiki/Digital_marketing","https://www.wikidata.org/wiki/Q1323528","https://g.co/kg/g/122hcnps"]},"Web hosting service",{"@type":"Thing","name":"Web hosting service","sameAs":["https://en.wikipedia.org/wiki/Web_hosting_service","https://www.wikidata.org/wiki/Q5892272","https://g.co/kg/m/014pz4"]},"Email hosting service",{"@type":"Thing","name":"Email hosting service","sameAs":["https://en.wikipedia.org/wiki/Email_hosting_service","https://www.wikidata.org/wiki/Q5368818","https://g.co/kg/m/09w60m"]},"Internet hosting service",{"@type":"Thing","name":"Internet hosting service","sameAs":["https://en.wikipedia.org/wiki/Internet_hosting_service","https://www.wikidata.org/wiki/Q1210425","https://g.co/kg/m/09w5yw"]},"Virtual hosting",{"@type":"Thing","name":"Virtual hosting","sameAs":["https://en.wikipedia.org/wiki/Virtual_hosting","https://www.wikidata.org/wiki/Q588365","https://g.co/kg/m/024mvh"]},"Web performance",{"@type":"Thing","name":"Web performance","sameAs":["https://en.wikipedia.org/wiki/Web_performance","https://www.wikidata.org/wiki/Q7978612","https://g.co/kg/m/0gfj3f1"]},"Web content management system",{"@type":"Thing","name":"Web content management system","sameAs":["https://en.wikipedia.org/wiki/Web_content_management_system","https://www.wikidata.org/wiki/Q45211","https://g.co/kg/m/0615s2"]},"Content management system",{"@type":"Thing","name":"Content management system","sameAs":["https://en.wikipedia.org/wiki/Content_management_system","https://www.wikidata.org/wiki/Q131093","https://g.co/kg/m/0k23c"]},"General Data Protection Regulation",{"@type":"Thing","name":"General Data Protection Regulation","sameAs":["https://en.wikipedia.org/wiki/General_Data_Protection_Regulation","https://www.wikidata.org/wiki/Q1172506","https://g.co/kg/m/0pk_7xs"]},"SERP",{"@type":"Thing","name":"SERP","sameAs":["https://en.wikipedia.org/wiki/SERP","https://www.wikidata.org/wiki/Q2205811","https://g.co/kg/g/11c5szp7kc"]},"Artificial intelligence",{"@type":"Thing","name":"Artificial intelligence","sameAs":["https://en.wikipedia.org/wiki/Artificial_intelligence","https://www.wikidata.org/wiki/Q11660","https://g.co/kg/m/0mkz"]},"Prompt engineering",{"@type":"Thing","name":"Prompt engineering","sameAs":["https://en.wikipedia.org/wiki/Prompt_engineering","https://www.wikidata.org/wiki/Q108941486","https://g.co/kg/g/11p6kpgt_n"]},"E-learning",{"@type":"Thing","name":"E-learning","sameAs":["https://en.wikipedia.org/wiki/E-learning_(theory)","https://www.wikidata.org/wiki/Q182250","https://g.co/kg/g/122czm1f"]},"Sharable Content Object Reference Model",{"@type":"Thing","name":"Sharable Content Object Reference Model","sameAs":["https://en.wikipedia.org/wiki/Sharable_Content_Object_Reference_Model","https://www.wikidata.org/wiki/Q827811","https://g.co/kg/m/06_40"]},"Experience API",{"@type":"Thing","name":"Experience API","sameAs":["https://en.wikipedia.org/wiki/Experience_API","https://www.wikidata.org/wiki/Q7807728","https://g.co/kg/g/1yw9ktxr8"]},"Joomla",{"@type":"Thing","name":"Joomla","sameAs":["https://en.wikipedia.org/wiki/Joomla","https://www.wikidata.org/wiki/Q13167","https://g.co/kg/m/07qb81"]},"Nginx",{"@type":"Thing","name":"Nginx","sameAs":["https://en.wikipedia.org/wiki/Nginx","https://www.wikidata.org/wiki/Q306144","https://g.co/kg/m/02qft91"]},"MySQL",{"@type":"Thing","name":"MySQL","sameAs":["https://en.wikipedia.org/wiki/MySQL","https://www.wikidata.org/wiki/Q850","https://g.co/kg/m/04y3k"]}],"areaServed":["United States",{"@type":"Country","name":"United States","sameAs":["https://en.wikipedia.org/wiki/United_States","https://www.wikidata.org/wiki/Q30","https://g.co/kg/m/09c7w0"]},"European Union",{"@type":"AdministrativeArea","name":"European Union","sameAs":["https://en.wikipedia.org/wiki/European_Union","https://www.wikidata.org/wiki/Q458","https://g.co/kg/m/0_6t_z8"]},"United Kingdom",{"@type":"Country","name":"United Kingdom","sameAs":["https://en.wikipedia.org/wiki/United_Kingdom","https://www.wikidata.org/wiki/Q145","https://g.co/kg/m/07ssc"]},"Australia",{"@type":"Country","name":"Australia","sameAs":["https://en.wikipedia.org/wiki/Australia","https://www.wikidata.org/wiki/Q408","https://g.co/kg/m/0chghy"]},"Canada",{"@type":"Country","name":"Canada","sameAs":["https://en.wikipedia.org/wiki/Canada","https://www.wikidata.org/wiki/Q16","https://g.co/kg/m/0d060g"]},"Russia",{"@type":"Country","name":"Russia","sameAs":["https://en.wikipedia.org/wiki/Russia","https://www.wikidata.org/wiki/Q159","https://g.co/kg/m/06bnz"]},"China",{"@type":"Country","name":"China","sameAs":["https://en.wikipedia.org/wiki/China","https://www.wikidata.org/wiki/Q148","https://g.co/kg/m/0d05w3"]}],"memberOf":["Mensa International",{"@type":"Organization","name":"Mensa International","sameAs":["https://en.wikipedia.org/wiki/Mensa_International","https://www.wikidata.org/wiki/Q184194","https://g.co/kg/m/0140pf"]},"National Rifle Association",{"@type":"Organization","name":"National Rifle Association","sameAs":["https://en.wikipedia.org/wiki/National_Rifle_Association","https://www.wikidata.org/wiki/Q863259","https://g.co/kg/m/0j6f9"]},"CompTIA",{"@type":"Organization","name":"CompTIA","sameAs":["https://en.wikipedia.org/wiki/CompTIA","https://www.wikidata.org/wiki/Q597534","https://g.co/kg/m/040shq"]},"ISFCE LLC",{"@type":"Organization","name":"ISFCE LLC","sameAs":["https://isfce.com","https://g.co/kg/g/11wxm5r0rg"]}],"hasCredential":[{"@type":"EducationalOccupationalCredential","name":"Joomla 3 Certified Administrator","credentialCategory":"Certification","description":"Administrator Exam is the first available Joomla! certification exam","recognizedBy":{"@type":"Organization","name":"Open Source Matters, Inc.","sameAs":["https://en.wikipedia.org/wiki/Open_Source_Matters,_Inc.","https://g.co/kg/g/11f00wvjhz"]},"url":"https://certification.joomla.org/certified-user-directory/michael-richey","about":["Content management system",{"@type":"Thing","name":"Content management system","sameAs":["https://en.wikipedia.org/wiki/Content_management_system","https://www.wikidata.org/wiki/Q131093","https://g.co/kg/m/0k23c"]},"Web content management system",{"@type":"Thing","name":"Web content management system","sameAs":["https://en.wikipedia.org/wiki/Web_content_management_system","https://www.wikidata.org/wiki/Q45211","https://g.co/kg/m/0615s2"]},"Joomla",{"@type":"Thing","name":"Joomla","sameAs":["https://en.wikipedia.org/wiki/Joomla","https://www.wikidata.org/wiki/Q13167","https://g.co/kg/m/07qb81"]}],"educationalLevel":"expert","image":{"@type":"ImageObject","url":"https://www.richeyweb.com/images/contact/badge.webp","contentUrl":"https://www.richeyweb.com/images/contact/badge.webp","width":{"@type":"QuantitativeValue","value":300,"unitCode":"PX"},"height":{"@type":"QuantitativeValue","value":86,"unitCode":"PX"},"caption":"Joomla 3 Certified Administrator"}},{"@type":"EducationalOccupationalCredential","name":"Certified Computer Examiner","credentialCategory":"Certification","description":"Internationally recognized computer forensics certifiecation","recognizedBy":{"@type":"Organization","name":"ISFCE LLC","sameAs":["https://en.wikipedia.org/wiki/ISFCE_LLC","https://g.co/kg/g/11wxm5r0rg"]},"url":"https://isfce.com/","about":["Digital forensics",{"@type":"Thing","name":"Digital forensics","sameAs":["https://en.wikipedia.org/wiki/Digital_forensics","https://www.wikidata.org/wiki/Q3246940","https://g.co/kg/m/0cnxzfx"]},"Computer forensics",{"@type":"Thing","name":"Computer forensics","sameAs":["https://en.wikipedia.org/wiki/Computer_forensics","https://www.wikidata.org/wiki/Q878553","https://g.co/kg/m/02wxbd"]},"Mobile device forensics",{"@type":"Thing","name":"Mobile device forensics","sameAs":["https://en.wikipedia.org/wiki/Mobile_device_forensics","https://www.wikidata.org/wiki/Q6887097","https://g.co/kg/m/06zp3tp"]},"Network forensics",{"@type":"Thing","name":"Network forensics","sameAs":["https://en.wikipedia.org/wiki/Network_forensics","https://www.wikidata.org/wiki/Q7001032","https://g.co/kg/m/05pb280"]},"Database forensics",{"@type":"Thing","name":"Database forensics","sameAs":["https://en.wikipedia.org/wiki/Database_forensics","https://www.wikidata.org/wiki/Q5227405","https://g.co/kg/m/0cgqsy"]}],"educationalLevel":"expert","image":{"@type":"ImageObject","url":"https://www.richeyweb.com/images/contact/isfce-cce.webp","contentUrl":"https://www.richeyweb.com/images/contact/isfce-cce.webp","width":{"@type":"QuantitativeValue","value":150,"unitCode":"PX"},"height":{"@type":"QuantitativeValue","value":150,"unitCode":"PX"},"caption":"Certified Computer Examiner"}}],"hasOfferCatalog":{"@type":"OfferCatalog","name":"Web Services","itemListElement":[{"@type":"Offer","itemOffered":{"@type":"Service","name":"Hosting"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Development"}},{"@type":"Offer","itemOffered":{"@type":"Service","name":"Search Engine Optimization"}}]}},{"@type":"WebSite","@id":"https://www.richeyweb.com/#website","url":"https://www.richeyweb.com/","name":"RicheyWeb","publisher":{"@id":"https://www.richeyweb.com/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.richeyweb.com/search?q={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string","valueMaxLength":256,"valueMinLength":2,"valuePattern":"^[A-Za-z0-9\\s]+$"}},"creator":{"@id":"https://www.richeyweb.com/#organization"},"copyrightHolder":{"@id":"https://www.richeyweb.com/#organization"}},{"@type":"WebPage","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#webpage","url":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page","name":"System - Top of the Page","description":"Enhance Joomla navigation with System - Top of the Page! Customizable floating link, pure JS/CSS, Joomla 5-native—download now!","isPartOf":{"@id":"https://www.richeyweb.com/#website"},"about":{"@id":"https://www.richeyweb.com/#organization"},"inLanguage":"en-GB"},{"@type":"SoftwareApplication","name":"System - Top of the Page","operatingSystem":"Joomla!","applicationCategory":"Joomla Extension","aggregateRating":{"@type":"AggregateRating","ratingValue":"5","bestRating":"5","ratingCount":"61"},"offers":{"@type":"Offer","priceCurrency":"USD"},"about":["Joomla",{"@type":"Thing","name":"Joomla","sameAs":["https://en.wikipedia.org/wiki/Joomla","https://www.wikidata.org/wiki/Q13167","https://g.co/kg/m/07qb81"]},"Content management system",{"@type":"Thing","name":"Content management system","sameAs":["https://en.wikipedia.org/wiki/Content_management_system","https://www.wikidata.org/wiki/Q131093","https://g.co/kg/m/0k23c"]},"Hyperlink",{"@type":"Thing","name":"Hyperlink","sameAs":["https://en.wikipedia.org/wiki/Hyperlink","https://www.wikidata.org/wiki/Q102014","https://g.co/kg/m/0d5df"]}],"mentions":["CSS",{"@type":"Thing","name":"CSS","sameAs":["https://en.wikipedia.org/wiki/CSS","https://www.wikidata.org/wiki/Q46441","https://g.co/kg/m/015tjh"]},"Font Awesome",{"@type":"Thing","name":"Font Awesome","sameAs":["https://en.wikipedia.org/wiki/Font_Awesome","https://www.wikidata.org/wiki/Q19571791","https://g.co/kg/m/012pqk27"]},"Front-end web development",{"@type":"Thing","name":"Front-end web development","sameAs":["https://en.wikipedia.org/wiki/Front-end_web_development","https://www.wikidata.org/wiki/Q4130556","https://g.co/kg/m/010gqt_p"]}],"@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page/#softwareapplication","isPartOf":{"@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#webpage"},"hasPart":[{"@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#articleindex-toc-how-it-works_2_1"},{"@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#articleindex-toc-why-choose-system-top-of-the-page_2_2"},{"@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#articleindex-toc-fancy-a-demo_2_3"},{"@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#articleindex-toc-features_2_4"},{"@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#articleindex-toc-download_2_5"},{"@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#faqpage"}]},{"@type":"FAQPage","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#faqpage","url":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page","isPartOf":{"@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#article"},"mainEntityOfPage":{"@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#webpage"},"mainEntity":[{"@type":"Question","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#question-0","name":"What is the \"System - Top of the Page\" plugin?","acceptedAnswer":{"@type":"Answer","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#answer-0","text":"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."}},{"@type":"Question","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#question-1","name":"How does the plugin work?","acceptedAnswer":{"@type":"Answer","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#answer-1","text":"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."}},{"@type":"Question","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#question-2","name":"Do I need to add manual links or anchors for it to work?","acceptedAnswer":{"@type":"Answer","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#answer-2","text":"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."}},{"@type":"Question","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#question-3","name":"Can I customize the button’s appearance?","acceptedAnswer":{"@type":"Answer","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#answer-3","text":"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."}},{"@type":"Question","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#question-4","name":"What is the page-scroll progress meter feature?","acceptedAnswer":{"@type":"Answer","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#answer-4","text":"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."}},{"@type":"Question","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#question-5","name":"How do I set up the page-scroll progress meter?","acceptedAnswer":{"@type":"Answer","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#answer-5","text":"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."}},{"@type":"Question","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#question-6","name":"Why was it rewritten for Joomla 5?","acceptedAnswer":{"@type":"Answer","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#answer-6","text":"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."}},{"@type":"Question","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#question-7","name":"Does it work in the Joomla administrator backend?","acceptedAnswer":{"@type":"Answer","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#answer-7","text":"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."}},{"@type":"Question","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#question-8","name":"How does it improve user experience?","acceptedAnswer":{"@type":"Answer","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#answer-8","text":"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."}},{"@type":"Question","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#question-9","name":"Will this plugin affect my site’s SEO?","acceptedAnswer":{"@type":"Answer","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#answer-9","text":"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."}},{"@type":"Question","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#question-10","name":"Where can I see it in action?","acceptedAnswer":{"@type":"Answer","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#answer-10","text":"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."}},{"@type":"Question","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#question-11","name":"Is it compatible with all Joomla sites?","acceptedAnswer":{"@type":"Answer","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#answer-11","text":"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."}},{"@type":"Question","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#question-12","name":"How do I install and configure it?","acceptedAnswer":{"@type":"Answer","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#answer-12","text":"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."}},{"@type":"Question","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#question-13","name":"Who should use this plugin?","acceptedAnswer":{"@type":"Answer","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#answer-13","text":"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."}},{"@type":"Question","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#question-14","name":"What makes this plugin stand out from other \"Back to Top\" tools?","acceptedAnswer":{"@type":"Answer","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#answer-14","text":"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."}}]},{"@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#articleindex","@type":"ItemList","name":"System - Top of the Page","numberOfItems":5,"itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"WPHeader","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#articleindex-toc-how-it-works_2_1","name":"How It Works","url":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#toc-how-it-works_2_1"}},{"@type":"ListItem","position":2,"item":{"@type":"WPHeader","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#articleindex-toc-why-choose-system-top-of-the-page_2_2","name":"Why Choose System - Top of the Page?","url":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#toc-why-choose-system-top-of-the-page_2_2"}},{"@type":"ListItem","position":3,"item":{"@type":"WPHeader","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#articleindex-toc-fancy-a-demo_2_3","name":"Fancy a Demo?","url":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#toc-fancy-a-demo_2_3"}},{"@type":"ListItem","position":4,"item":{"@type":"WPHeader","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#articleindex-toc-features_2_4","name":"Features","url":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#toc-features_2_4"}},{"@type":"ListItem","position":5,"item":{"@type":"WPHeader","@id":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#articleindex-toc-download_2_5","name":"Download","url":"https://www.richeyweb.com/software/joomla/plugins/system-top-of-the-page#toc-download_2_5"}}]}]} ```