A simple plugin contains Smooth Scrolling To Element, Go To Top and MouseWheel Smooth Scroll.
| Author: | Anoop Ranawat (profile at wordpress.org) |
| WordPress version required: | 3.5 |
| WordPress version tested: | 5.8.2 |
| Plugin version: | 1.1 |
| Added to WordPress repository: | 05-05-2017 |
| Last updated: | 23-12-2021
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
|
| Rating, %: | 78 |
| Rated by: | 7 |
| Plugin URI: | |
| Total downloads: | 8 896 |
| Active installs: | 800+ |
 Click to start download |
|
A simple plugin contains Smooth Scrolling To Element, Go To Top and MouseWheel Smooth Scroll.
Also work with Gutenberg shortcode block.
Smooth Scrolling To Element
Smooth Scrolling effect where you click on a link and your browser smoothly scrolls down to the appropriate section. This can be achived by a shortcode and can be used multiple time on a page.
For example :
[ss_link link="content1" name="Click Me" class="button"]
Where [ss_link] is the main shortcode and all other are parameters.
Go To Top
For websites that have a lot of information on the page you will scroll far down the page to consume the information. Websites with initiate scroll need something to make it easy to return to the top.
This is done with a button which will scroll them back to the top.
Scroll To Top Plugin adds a floating scroll up box at the bottom right side (by default) of the page when scrolled down and, when clicked, rolls smoothly to the top. This is convenient when you have a long page, and you want to give your visitors an easy way to get back to the top.
MouseWheel Smooth Scroll
MouseWheel Smooth Scroll provides smooth vertical scrolling as you scroll up/down the webpage with mouse wheel.
Shortcode parameters for Smooth Scrolling To Element
- Link : [ss_link link=”content1″]
(Link parameter is used define the link target. ie if you are giving link="content1" thats when the contant where you want to scroll should have ID content1 ie <div id="content1">....</div>) - Button Name : [ss_link link=”content1″ name=”Click Me”] (i.e Name of link)
- Button Class : [ss_link link=”content1″ name=”Click Me” class=”button”] (i.e Design your button by giving a custom class.)
Features
- Shortcode for Smooth Scrolling To Element where you can create unlimted buttons and scroll to their there elements section.
- MouseWheel Smooth Scroll
- Go To Top
- Displays an icon when user scrolls down the page
- Scrolls the page back to top with animation