jQuery Smooth Scroll

jQuery Smooth Scroll plugin is for those who wants to make their in-page navigation more attractive and add a return to top button or link all in smooth way. Also the plugin has negligible effect on Page rendering and adds compressed css and js files to get some more point in Google Page Speed score. The plugin also has psd file for button and reader friendly js and CSS to understand the plugin and functionality easily.

Please note: jQuery Smooth Scroll plugin for WordPress will not create a menu link in your WordPress Dashboard. However, I am trying to help you in configuring this plugin. But, before getting into this I would like to thank Cudazi for “Scroll to top” plugin. I used most of the code from this plugin and tweaking for more functionality and released under same GPL v2 licence (Which means you are also free to modify and distribute the plugin)

Features:

  1. This plugin adds jQuery smooth scroll functionality.
  2. Also adds “Scroll to top” button, which appears after scrolling.
  3. All javascript and css are minified for faster page loading and retaining Google Page Speed and Yahoo yslow Score.
  4. Reader friendly JS and CSS files included for easy customization.
  5. .psd file of the button included for customizing button.
  6. No WordPress Dashboard menu added.

FAQs about the plugin:

  • Why I am not able to see any menu option in my WordPress for the “jQuery Smooth Scroll” plugin?
    The plugin will not add any menu option in your dashboard to customize it.
  • How do i customize the plugin?
    The plugin can be easily customized by modifying some simple codes. [Don’t forget to keep create backup before customizing plugins]
  • May I add this functionality without any plugin?
    Of course you can, but need some basic knowledge about PHP, JavaScript, CSS. For any question your questions by filling the form below (Until we move to WordPress respiratory/forums).

Customization of jQuery Smooth Scroll Plugin:

To customize the plugin you will need to copy the jss-script.js and modify the code according to the condition below. Then visit using any javascript compression tool compress the script and pate the code to jss-script.min.js.

  1. How to change scrolling speed?
    To change the scroll speed change the number in the linevar scrollSpeed = 600;
  2. How do I change scrolling effect?
    You may choose any easing effect from jQuery UI easing effects mentioned here. You will need to replace the default swing to anything you want e.g. linear or easeInOutBounce or anything else you want.

 Download:

Download the latest version of the plugin from: http://downloads.wordpress.org/plugin/jquery-smooth-scroll.zip

OR contribute or download development versions from github respiratory.