This time I will share jQuery Plugin and tutorial about jQuery Plugin To Create A Fixed Side Menu – callToScroll, hope it will help you in programming stack.
callToScroll is a jQuery plugin to create a fixed side menu which allows the visitor to navigate between your single page website quickly and smoothly.
How to use it:
1. Load jQuery JavaScript library and other required resources in your web page.
1 |
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> |
2 |
<script src="isInViewport.min.js" type="text/javascript"></script> |
3 |
<script src="setLocationHash.js" type="text/javascript"></script> |
2. Load the jQuery callToScroll plugin’s stylesheet and JavaScript in the web page.
1 |
<link href="callToScroll.css" rel="stylesheet"> |
2 |
<script src="callToScroll.js"></script> |
3. Add the CSS class ‘cts-item’ to your content sections.
01 |
<h2 class="cts-item">Section 1</h2> |
05 |
<h2 class="cts-item">Section 2</h2> |
09 |
<h2 class="cts-item">Section 3</h2> |
4. Call the plugin to initialize the side menu with default options.
5. Default options available.
07 |
'text': 'Scroll down', |
11 |
'autoIdText': 'myIdText', |
14 |
'scrollDuration': 450, |
Change log:
2015-10-14
- added gruntfile, switched to SVG elements, changed project tree
- bugfix
2015-02-11
This awesome jQuery plugin is developed by tvaliasek. For more Advanced Usages, please check the demo page or visit the official website.
