Title: WPFront Scroll Top Author: Syam Mohan Published: 2 januari 2014 Last modified: 20 mei 2026 --- Plugins zoeken ![](https://ps.w.org/wpfront-scroll-top/assets/banner-772x250.png?rev=3303694) ![](https://ps.w.org/wpfront-scroll-top/assets/icon.svg?rev=1534312) # WPFront Scroll Top Door [Syam Mohan](https://profiles.wordpress.org/syammohanm/) [Download](https://downloads.wordpress.org/plugin/wpfront-scroll-top.3.0.1.zip) * [Details](https://nl.wordpress.org/plugins/wpfront-scroll-top/#description) * [Beoordelingen](https://nl.wordpress.org/plugins/wpfront-scroll-top/#reviews) * [Installatie](https://nl.wordpress.org/plugins/wpfront-scroll-top/#installation) * [Ontwikkeling](https://nl.wordpress.org/plugins/wpfront-scroll-top/#developers) [Ondersteuning](https://wordpress.org/support/plugin/wpfront-scroll-top/) ## Beschrijving Enhance user experience and site navigation with a lightweight, customizable “Scroll to Top” button. This plugin adds a smooth-scrolling button that appears as users scroll down the page and disappears when they return to the top. Designed for speed and seamless integration, it works with any WordPress theme and includes options for custom icons, button position, color, animation, and intelligent display rules. No coding required—just install and configure in minutes. Perfect for blogs, long-form articles, eCommerce sites, or any website where easy navigation improves usability. ### Key Features & Customization * **Intelligent Display**: Automatically appears as users scroll down, then disappears when at the top. * **Smooth Scroll Animation**: Provides a fluid and pleasant “back to top” experience. * **Flexible Destinations**: - Internal Page Scroll: Link the button to any specific element within the current page. - External Page Redirection: Redirect users to any other page or URL. * **Customizable Button Design**: - Choose between text, custom image (PNG/SVG), or Font Awesome icons. - Use any image URL for complete branding control. * **Responsive Control**: - **Mobile-Friendly**: Option to hide the button on smaller devices/windows for better mobile UX. - **iFrame Compatibility**: Ensures it doesn’t appear inappropriately within iframes. * **Targeted Visibility**: Easily show or hide the button on specific pages or posts. * **Temporary Display**: Auto-hide the button after a set duration for a cleaner interface. * **Optimized Performance**: Utilizes Async JavaScript to ensure fast page loading. * **Accessibility Focused**: Built with ARIA labels and screen reader text for inclusive navigation. * **SEO-Friendly Markup**: Employs semantically correct HTML elements for optimal search engine and accessibility performance. * **Optimized Performance**: Adds functionality without slowing down your site. * **Easy-to-Use Admin Panel**: Configure all settings intuitively from your WordPress dashboard. ## Schermafbeeldingen [⌊Instellingen pagina.⌉⌊Instellingen pagina.⌉[ Instellingen pagina. ## Installatie 1. Klik op Plugins/Nieuw toevoegen in het WordPress beheerder paneel. 2. Zoek naar “WPFront Scroll Top” en installeer. 3. Configure plugin using **Scroll Top** link under **Settings** menu. ## FAQ 1. **What is the “Scroll to Top” button, and how does it work?** The “Scroll to Top” button is a convenient navigation feature that appears on your website as users scroll down a page. With a single click, it allows them to effortlessly return to the top of the page with a smooth, animated scroll, significantly improving the user experience, especially on long-form content. 2. **Is the “Scroll to Top” button always visible?** No. The button gracefully appears only after a user has scrolled down a certain distance on the page and disappears when they are at the top, ensuring it doesn’t obstruct content unnecessarily. You can also configure an Auto-Hide feature to make it disappear after a few seconds of inactivity. 3. **Can I customize the design of the button?** You can choose to use simple text, select from a wide range of Font Awesome icons, or upload your own custom image( PNG or SVG) to perfectly match your website’s branding. You also have full control over its position, size, colors, and hover effects. 4. **Can the button link to something other than the top of the page?** Besides scrolling to the top, you can configure the button to: 5. * Link to an In-Page Element: Direct users to a specific section or HTML element( like an anchor point) anywhere on the current page. * Redirect to a Different URL: Use the button to send users to another page on your site or even an external website. 6. **Can I control where the button appears on my website?** You can easily enable or disable the “Scroll to Top” button on specific pages, posts, or custom post types through the plugin’s settings, giving you full flexibility over its visibility. 7. **Is the plugin accessible for all users?** The plugin is built with proper ARIA labels and includes screen reader text, ensuring that users relying on assistive technologies can navigate your site effectively and experience the benefits of the button. ## Beoordelingen ![](https://secure.gravatar.com/avatar/c258aece607700f63552eb5ef5e05e96b1d284be2c071e49cd0ebf2debf048b9? s=60&d=retro&r=g) ### 󠀁[Does the job](https://wordpress.org/support/topic/does-the-job-1055/)󠁿 [msbabaseball](https://profiles.wordpress.org/msbabaseball/) 3 april 2025 Super simple. Totally automated and with literally a couple clicks and it’s done. ![](https://secure.gravatar.com/avatar/18c2ed4fdd151b4cf962ea2c70cfe485301df28337ffa6ed2a38c2dd1f05c313? s=60&d=retro&r=g) ### 󠀁[Very very very good!](https://wordpress.org/support/topic/very-very-very-good-11/)󠁿 [thor63](https://profiles.wordpress.org/thor63/) 21 maart 2025 A plugin that is well made, thought out, and cared for in detail; if we really want to find a flaw, but it wouldn’t be a flaw but rather an additional functionality, it should be possible to change the size of the button even for smaller screens or that it adapts automatically.But it’s already really TOP like this!!! 😅👏👏 ![](https://secure.gravatar.com/avatar/1430f74bb988208ba3e5b8575c4d911855dbff2e611ae09f6ac1063a793ba6de? s=60&d=retro&r=g) ### 󠀁[Very fine, works perfectly](https://wordpress.org/support/topic/very-fine-works-perfectly/)󠁿 [Anni55](https://profiles.wordpress.org/anni55/) 5 maart 2025 It would be even better, if we could add the icon on top AND on bottom of the page. ![](https://secure.gravatar.com/avatar/68730c3b3643798ad534cb90da069c91a46c8bdfa9092c503ca1336fb8d76a18? s=60&d=retro&r=g) ### 󠀁[Le bouton ‘Haut de Page’ simple et fonctionnel](https://wordpress.org/support/topic/le-bouton-haut-de-page-simple-et-fonctionnel/)󠁿 [creationfa](https://profiles.wordpress.org/creationfa/) 19 november 2024 Merci à l’équipe pour ce bouton ‘haut de page’, simple, éfficace et jolie. De plus, possibilité de choisir le bouton qui convient, ou d’en télécharger un de son choix. Cordialement,Fabien ![](https://secure.gravatar.com/avatar/0d336db7ca63e0afdbf1fe871b3c4aff73ceb80b7967f52a5ff9cdb885ecd98c? s=60&d=retro&r=g) ### 󠀁[Finally a simple button that works](https://wordpress.org/support/topic/finally-a-simple-button-that-works/)󠁿 [Sarah Schopick](https://profiles.wordpress.org/time2livelife/) 17 mei 2024 This plugin is both simple and customizable. It works from the start on both front- end and admin pages. (You can disable it for admin if you want, but I like it). You can choose the button icon and the size. That’s it. That’s all you have to do. It’s that simple. I’ve tried other similar plugins but they didn’t perform reliably. ![](https://secure.gravatar.com/avatar/198a12a6a15059522f8c51f57dee2b241481612549e7342512a48d082456a946? s=60&d=retro&r=g) ### 󠀁[Keyboard inaccessible, bad HTML. WCAG fails immediately.](https://wordpress.org/support/topic/keyboard-inaccessible-bad-html-wcag-fails-immediately/)󠁿 [Krzysztof Busłowicz](https://profiles.wordpress.org/elkurczako/) 26 februari 2024 I’m curious, why did you choose to insert the
element into the DOM with some JS to handle scrolling. No keyboard focus, no accessible label/name/content, no HTML semantics, no ARIA to fix this.In fact DO NOT use ARIA to override./hide your problems. The best ARIA is no ARIA. Use an element, it’s also quick to write and has it all by definition. You can easily add span inside the link element with translatable content and hide it visually with “sr-only” class (from Bootstrap). You could detect the first link on the page and make it an anchor if there’s no id attribute. [ Lees alle 142 beoordelingen ](https://wordpress.org/support/plugin/wpfront-scroll-top/reviews/) ## Bijdragers & ontwikkelaars “WPFront Scroll Top” is open source software. De volgende personen hebben bijgedragen aan deze plugin. Bijdragers * [ Syam Mohan ](https://profiles.wordpress.org/syammohanm/) “WPFront Scroll Top” is vertaald in 16 localen. Dank voor [de vertalers](https://translate.wordpress.org/projects/wp-plugins/wpfront-scroll-top/contributors) voor hun bijdragen. [Vertaal “WPFront Scroll Top” in je eigen taal.](https://translate.wordpress.org/projects/wp-plugins/wpfront-scroll-top) ### Interesse in ontwikkeling? [Bekijk de code](https://plugins.trac.wordpress.org/browser/wpfront-scroll-top/), haal de [SVN repository](https://plugins.svn.wordpress.org/wpfront-scroll-top/) op, of abonneer je op het [ontwikkellog](https://plugins.trac.wordpress.org/log/wpfront-scroll-top/) via [RSS](https://plugins.trac.wordpress.org/log/wpfront-scroll-top/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 3.0.1 * Defect fix. #### 3.0.0 * Breaking changes are introduced. Please verify the display after the upgrade. * These breaking changes are needed for accessibility and SEO friendly markup. * The container will either be a button or an anchor element. * There could be multiple span inside the container depending on your configuration. * Minimum PHP version required is 7.2. * Accessibility and more CSS settings are available. * Deprecated settings are removed. #### 2.2 * Compatibiliteit problemen opgelost. #### 2.1.1 * Bug fix. #### 2.1 * [Verouderd] kleine apparaatinstellingen. * Nieuwe UI. * Titel HTML attribuut. * PHP compatibiliteit oplossingen. * HTML validatie oplossingen. * Verbeterde prestaties. #### 2.0.7 * XSS probleem opgelost. Met dank aan ‘Vlad Visse’. #### 2.0.6 * XSS probleem opgelost. Met dank aan ‘Asif Nawaz Minhas’. #### 2.0.5 * XSS probleem opgelost. #### 2.0.4 * WP compatibiliteit probleem opgelost. #### 2.0.3 * Verouderde jQuery problemen opgelost. * Compatibiliteit problemen opgelost. * SiteGround conflict opgelost. #### 2.0.2 * Herstelt WordPress 5.2 site gezondheid, wp_version_check, conflict. #### 2.0.1 * Link naar element. * Link naar pagina. * Selecteer gemakkelijk een afbeelding uit de mediabibliotheek. * Verbeterde prestaties. #### 1.6.2 * Vereist minimaal PHP 5.3. * Fouten opgelost. * Verplaatst menu onder ‘Instellingen’ menu. * PHP 7.2 compatibiliteits verbeteringen. #### 1.6.1 * Niet gedefinieerde variabele opgelost. #### 1.6 * Ondersteuning voor Font Awesome pictogrammen. * Nieuwe afbeelding pictogrammen. * Instelling voor bewegend menu onder “Instellingen”. * Prestatie verbetering. * UI verbetering. * PHP 7 compatibiliteit problemen opgelost. #### 1.5 * JavaScript async. * Minified bestanden. * Taalbestanden verwijderd. #### 1.4.5 * Oekraïense vertaling toegevoegd. Met dank aan Ivanka Skakun. #### 1.4.4 * Zerif thema compatibiliteit probleem opgelost. #### 1.4.3 * Media upload bug opgelost. #### 1.4.2 * Fouten opgelost. * Duitse taal toegevoegd. #### 1.4.1 * Fouten opgelost * Russische taal toegevoegd #### 1.4 * ALT-attribuut afbeelding * Taal vertalingen #### 1.3 * Auto verbergen * Verberg op wp-admin * Verbergen op iframes * Pagina’s/berichten filter #### 1.2 * Tekst knop optie * Fouten opgelost #### 1.1.1 * Stabiliteitsverbeteringen * Nieuwe menustructuur #### 1.1 * Nieuwe optie om te verbergen op mobiele apparaten * Conflicten met andere plugins opgelost #### 1.0.1 * Fouten opgelost #### 1.0 * Eerste release ## Meta * Versie **3.0.1** * Laatst geüpdatet **1 maand geleden** * Actieve installaties **200.000+** * WordPress versie ** 5.3 of nieuwer ** * Getest t/m **7.0** * PHP versie ** 7.2 of nieuwer ** * Talen * [Chinese (China)](https://cn.wordpress.org/plugins/wpfront-scroll-top/), [Czech](https://cs.wordpress.org/plugins/wpfront-scroll-top/), [Dutch](https://nl.wordpress.org/plugins/wpfront-scroll-top/), [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/wpfront-scroll-top/), [English (Canada)](https://en-ca.wordpress.org/plugins/wpfront-scroll-top/), [English (US)](https://wordpress.org/plugins/wpfront-scroll-top/), [French (France)](https://fr.wordpress.org/plugins/wpfront-scroll-top/), [German](https://de.wordpress.org/plugins/wpfront-scroll-top/), [Japanese](https://ja.wordpress.org/plugins/wpfront-scroll-top/), [Persian](https://fa.wordpress.org/plugins/wpfront-scroll-top/), [Russian](https://ru.wordpress.org/plugins/wpfront-scroll-top/), [Serbian](https://sr.wordpress.org/plugins/wpfront-scroll-top/), [Spanish (Chile)](https://cl.wordpress.org/plugins/wpfront-scroll-top/), [Spanish (Colombia)](https://es-co.wordpress.org/plugins/wpfront-scroll-top/), [Spanish (Ecuador)](https://es-ec.wordpress.org/plugins/wpfront-scroll-top/), [Spanish (Spain)](https://es.wordpress.org/plugins/wpfront-scroll-top/) en [Spanish (Venezuela)](https://ve.wordpress.org/plugins/wpfront-scroll-top/). * [Vertaal in je eigen taal](https://translate.wordpress.org/projects/wp-plugins/wpfront-scroll-top) * Tags * [back to top](https://nl.wordpress.org/plugins/tags/back-to-top/)[scroll to top](https://nl.wordpress.org/plugins/tags/scroll-to-top/) [scroll top](https://nl.wordpress.org/plugins/tags/scroll-top/)[scroll up](https://nl.wordpress.org/plugins/tags/scroll-up/) [smooth scroll](https://nl.wordpress.org/plugins/tags/smooth-scroll/) * [Geavanceerde weergave](https://nl.wordpress.org/plugins/wpfront-scroll-top/advanced/) ## Waarderingen 5 van 5 sterren. * [ 139 5 sterren beoordelingen ](https://wordpress.org/support/plugin/wpfront-scroll-top/reviews/?filter=5) * [ 2 4 sterren beoordelingen ](https://wordpress.org/support/plugin/wpfront-scroll-top/reviews/?filter=4) * [ 0 3 sterren beoordelingen ](https://wordpress.org/support/plugin/wpfront-scroll-top/reviews/?filter=3) * [ 0 2 sterren beoordelingen ](https://wordpress.org/support/plugin/wpfront-scroll-top/reviews/?filter=2) * [ 1 1 ster beoordeling ](https://wordpress.org/support/plugin/wpfront-scroll-top/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/wpfront-scroll-top/reviews/#new-post) [Bekijk alle beoordelingen](https://wordpress.org/support/plugin/wpfront-scroll-top/reviews/) ## Bijdragers * [ Syam Mohan ](https://profiles.wordpress.org/syammohanm/) ## Ondersteuning Iets te melden? Hulp nodig? [Het supportforum bekijken](https://wordpress.org/support/plugin/wpfront-scroll-top/) ## Doneren Wil je de groei van deze plugin ondersteunen? [ Doneer aan deze plugin ](http://wpfront.com/donate/)