.scroll-back-to-top-wrapper { background:none !important; }

This plugin uses CSS with FontAwesome icons. No images. This makes it lightweight and efficient.

Main Features: 

  • Pre-configured back to top plugin
  • Appears only when users scroll down the page
  • Allows to change size, color, opacity, icon/text
  • Ability to customize the position and animation
  • Preview mode available
  • Built with jQuery

4. Dynamic “To Top” Plugin

As the name suggests, the Dynamic “To Top” plugin adds a dynamic “back to top” button to WordPress sites. 

Users can style different elements using an interactive options panel. You can specify when and where you would like it to appear. Both image and text versions are available. 

The buttons are created using CSS3. On mobile devices, you can choose whether to display or hide buttons. Most caching and CSS minification plugins are compatible with it.  

There were reports that some users were having difficulties uninstalling the plugin. The plugin now includes an uninstall feature that makes the process much easier for end users.

Also, note that the buttons are displayed dynamically using JavaScript. Therefore, if you disable JS on your browser, the buttons will not appear.  

5. jQuery Smooth Scroll

The jQuery Smooth Scroll plugin is a fantastic scroll to top plugin for WordPress, with easy customization using CSS/JS code edits. As an example, you can modify the upperLimit value in the “js/jss-script.min.js” file to adjust the time when the icon/link appears. 

It is also possible to use your own icon by overwriting the arrow.png file. It also provides smooth scrolling for all anchor links in addition to the “scroll to top” button. 

The plugin uses jQueruyUI to support RTL and custom easing effects. JS and CSS files are compressed by default. Hence, it is a relatively lightweight plugin.  

As long as there are no conflicts, it works perfectly. But sliders and tabs tend to cause compatibility issues. In order to resolve such issues, you will need to open a support ticket with them.  

6. Easy Smooth Scroll Links

Easy Smooth Scroll Links adds smooth scrolling and scroll animation effects to any anchor link on a page. So, you can use it to create a scroll to top button as well. 

This plugin allows you to add animation effects to any anchor link on a page, such as the link at the top of each page. All major browsers are supported. 

The plugin adds an anchor button to the visual editor as well. The shortcode [anchor]anchorname[/anchor] can be used to add smooth scroll links. 

With this plugin, you can also set scroll speed and offset values as well as choose from 30 different scrolling animation effects by default. 

Update: We found another similar plugin in the WordPress plugin directory. Ratings are better for this one. Check it out here: Page scroll to id

7. Scroll to Top Button

Simplifying things can make them even better! “Scroll to Top Button” is a simple but efficient scroll to top plugin. What it promises, it delivers. It takes less than 30 seconds to set up!  

Key Features: 

  • Adds a “scroll to top” button to the bottom corner of the page
  • Allows to customize button size
  • Option to choose between light or dark color schemes
  • Compatible with all major browsers and themes

Quick Tip: Go to Appearance > Scroll To Top and choose “Button Colour Scheme: Dark” and “Button Size: Large” – it will look really good on most sites, especially on minimalist websites.

8. Scroll To Top

The plugin is for those who just want a little button that would allow people to scroll up without breaking their scrolling fingers. 

No coding skills are required. Scrolling to the top of the page is very smooth. 

It allows you to choose colors, icon position, and a few different styles, so your blog design won’t be ruined. It also allows you to use custom text, icons, and widths and heights. 

9. Scroll Top

Back to top plugin includes a lot of features such as scrolling speed settings, animation ease settings, retina support, etc. Default text or icon fonts can be selected or custom text can be used. 

You can also change the animation style. The plugin’s custom CSS section allows you to insert your own CSS styles.

Main Features: 

  • Adds a custom and flexible Back To Top button
  • Display/hide on screen smaller than 600 pixels
  • Unlimited color choices
  • Option to switch positions (left or right)
  • Icon font option that supports retina devices
  • Nice application of scrolling animation

10. Smart Scroll to Top

The “Smart Scroll to Top” plugin is a paid one. You can find it on Codecanyon. The current price is only $10 (August 21, 2022). 

As a scroll to top button, you can add icons, custom text, or custom images. You can customize background color, opacity, width/height, page scroll speed, scroll visibility, etc. 

Main Features: 

  • Premium scroll to plugin with advanced customization options
  • custom template with custom design options
  • Works with all modern browsers and themes
  • Great color variations
  • Square, round, diamond button/icon styles
  • Show/hide on smaller screens
  • Easy import export feature

If you liked this post, please consider sharing it with your friends:


Source link

Leave a Reply

Your email address will not be published. Required fields are marked *