Scroll Top Fader

This nifty WordPress plugin adds a scroll to top feature with fade in / fade out and color transition. Includes images that auto resize based on the device type. Large scroll to top image for HD and desktop computers, medium for tablets, and small for mobile devices. A free version is available in the WordPress repository, and a paid premium version is available here on this page.

Tons of nice effects are possible by changing the background color, mouse over color, transparency, border color, border, hover color, and fader shadow effect. Even more with the premium version as you can also change the arrow color (black, gray, or white), change the fader shadow color, the shadow hover color, as well as the location/position of the shadow.

Combine that with fadein / fadeout speed timing, transition speed timing, auto-sizing / scaling of images (30px, 35px, 40px, 45px, and 50px) depending on the device screen size and the possibilities are tremendous.

Compare the Scroll Top Fader Features below:

Free Version
$0FREE @ WordPress
Free Version



Background Color: YES
Mouse Over Color: YES
Transparent Option: YES
Scroll Down Pixels: 9999px
Img Bottom Position: 999px
Img Right Position: 999px
Border Color: YES
Border Hover Color: YES
Border Size: 10px
Optimized for Mobile: YES
FadeIn/FadeOut Time: 2000ms
Scroll To Top Speed: 5000ms
Transition Speed: 1000ms
Image Choices: 6
Arrows: Black
Minify CSS: Front End
Minify JS: Front End
Shadow Effect: Basic
Shadow Effect Color: Light/Dark
Shadow Hover Color: Fixed
Shadow Horz. Position: Fixed
Shadow Vert. Position: Fixed
Shadow Blur: Fixed
Shadow Spread: Fixed
Color Picker: JS Color
Support: Basic
Updates: YES
Price: FREE

Download FREE Version:
FREE Download

Premium Version
$15.00One Time Fee
Premium Version



Background Color: YES
Mouse Over Color: YES
Transparent Option: YES
Scroll Down Pixels: 9999px
Img Bottom Position: 999px
Img Right Position: 999px
Border Color: YES
Border Hover Color: YES
Border Size: 10px
Optimized for Mobile: YES
• FadeIn/FadeOut Time: 9999ms
• Scroll To Top Speed: 9999ms
• Transition Speed: 9999ms
• Image Choices: 6/18 ¹
• Arrows: Black•Gray•White
• Minify CSS: Front & Back End
• Minify JS: Front & Back End
Shadow Effect: Enhanced
• Shadow Effect Color: Any
• Shadow Hover Color: Any
• Shadow Horz. Position: YES
• Shadow Vert. Position: YES
• Shadow Blur: YES
• Shadow Spread: YES
• Color Picker: Spectrum
• Support: Premium
Updates: YES – Priority
Price: SALE 15.00 ² – Lifetime ³

PayPal Buy Now:

PX (pixels) and MS (milliseconds) can be set lower.
Premium features highlighted in white.
¹ The premium version currently has 6 images to choose from with the option of black, grey, or white which effectively makes 18 different images.
² Price includes updates and support for a single site.
³ Lifetime: (NO renewal or additional fees.)

ScreenShots

Screen Shots from the Free Version:
All Plugin Settings
Plugin Settings Close Up
Using The Color Picker
Plugin Admin Help
Front End Default Color
Front End Transparent

Screen Shots from the Premium Version:
All Plugin Settings
Plugin Settings Close Up
Using The Color Picker
Plugin Admin Help
Front End With Shadow Color
Front End Transparent With Shadow Color

Installation:

From within WordPress
Visit ‘Plugins > Add New’.
Search for ‘ScrollTop Fader’ and click to install.
Activate ScrollTop Fader from your Plugins page.
Go to Settings > ScrollTop Fader and configure the options.

You can also download the zip file and upload it from the WordPress Plugins >> Add New > Upload page.

Manually
Upload the `scrolltop-fader` folder to the `/wp-content/plugins/` directory.
Activate the ScrollTop Fader plugin through the ‘Plugins’ menu in WordPress.
Configure the plugin by going to the WordPress `Settings` menu, then to `ScrollTop Fader` that appears in your admin menu.

FAQs

What if I don’t know color codes?
No problem, just click on or tap the color code box and a friendly color picker will open that allows you to conveniently select a color of your choice without any color code knowledge.

What if I want to use a specific color?
If you know the 6 character html/hex color that you want to use you may enter it into the text box.

Additional help is also available when you hover over or tap the ?’s.


Mon - Fri 9AM to 5PM
Sat 10AM to 2PM
Sun Closed
Newberg, OR 97132
Contact Me