Submit your widget

lightweight Section Scroll with jQuery

Created 4 years ago   Views 33640   downloads 3860    Author imdanishiqbal
lightweight Section Scroll with jQuery
View DemoDownload 126.8 KB
Share |

Section Scroll is a lightweight jQuery plugin for automatically generating a side bullet navigation on your one page scrolling website. Click on the navigation to scroll smoothly through different sections, automatically selects the correct navigation items.



<!-- -----Styles----- -->
<link rel="stylesheet" type="text/css" href="css/section-scroll.css">

<!-- -----Scripts----- -->
<script type="text/javascript" src="">

<!-- This is optional, if you want to use easings then please include jquery.easing.1.3.js. See options -->
<!-- Get it here (Please buy him a beer)>
<script type="text/javascript" src="js/jquery.easing.1.3.js">   

<!-- Last but not least  -->           
<script type="text/javascript" src="js/jquery.section-scroll.js">


<div class="scrollable-section" data-section-title="About Us"></div> 
<div class="scrollable-section" data-section-title="Example"></div> 
<div class="scrollable-section" data-section-title="Testimonials"></div>

Assign this class to each section you want to use as part of the navigation. 


Plugin picks this attribute's value to use as each menu item's title, e.g. right now it says HTML in navigation.

Read more:

Tag: scroll