As you may be aware that I released Scroll to top plugin for jQuery in the past. Now it was time to take that to another level. I found well may be second level of that would be wordpress. So I came up with one.
The plugin is free and just in case you found yourself to be generous enough you should be able to think a little bit and consider donations. Why? because it take real money to host files and make them available for download. But that not the reason. Then reason it that I put lot of effort to come up with solutions that could help someone and most of them free of cost. hmm… hopefully I am making some sense 🙂
Ok lets start with couple of screenshots that will tell the story about what this plugin does.
Scroll a bit and you will see the STT layer pop up in the centre of browser window with red background. Try to click on that and see if it takes you to the top of the page or not.
View on Page
Alright now you know exactly what this does right. So consider donations before you download 🙂 🙂 kidding..
Alright now that we are over the donation part let me explain what each of the settings means.
you can choose value of this settings as yes or no when you choose no then “Scroll to top” layer will not appear at all when user scrolls down.
The time it will take to scroll up. I recomment 1000 milli seconds. The longer this value is more frustrating it becomes.
Scroll Activate At
This setting tells the plugin at what depth you would like to show “Scroll to top” layer
Scroll Container ID
Just give a unique ID to STT text container
Select what easing animation type you would like to run
The layer is fixed at bottom but you have flexibility to show it either at bottom-left or bottom-center or bottom-right
If you don’t like “Scroll to top” then choose whatever you think make sense.
Background color of the layer
If you don’t like the default red then choose whatever you like. Values accepted are rgb(), hex colors e.g. #C11
If you don’t like the default white then change this to whatever you like.
Well my sight was not that great thus I would like to make text bigger. But its upto you. Choose whatever you like.
Calibri is the default. You can change it to anything.
Bold by default.
5px by default. If you want more than increase this value.
Default is 120px but that does not mean that you can not increase it to make it more obvious.
Default is red, change it to match you theme
Default is round corners to top corners. You can play with it a bit.
Link to my site
This is to show your support. I’ll appreciate that.
So I hope it makes sense. Lets take a look how to install this plugin
1. Upload unzipped plugin directory to the /wp-content/plugins/ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Use the “JCWP Scroll .. Top” under settings.
- Initial release
The current version can be downloaded from the link below (Updated version is now always available form WordPress rather than from this page.)
I hope you like this plugin, if you have any questions please use the comments section for ask.