Slinky.js - creating beautiful scrolling navigation lists

Slinky.js is a jQuery plugin for creating beautiful scrolling navigation lists with stacking headers.

Features:

• Smooth scrolling by disabling pointer events
• Lightweight at around 1KB minified
• Refreshes on window resize and DOM mutation
• Compatible with the latest version of your favorite browser

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: slinky.iclanzan.com

1. INCLUDE JS FILES

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="https://rawgithub.com/iclanzan/slinky/master/dist/jquery.slinky.min.js"></scrip>

2. HTML

<div class="main">
	<div class="nav">
	  <div class="scroller">
		<section>
		  <header>First Header</header>
		  <ul>
			<li>item</li>
			<li>item</li>
		  </ul>
		</section>
		<section>
		  <header>Second Header</header>
		  <p>Some content</p>
		</section>
		<!-- more sections here -->
	  </div>
	</div>
</div>

3. CSS

.nav {
  position: relative;
  height: 400px;
  overflow: hidden;
}

.scroller {
  height: 100%;
  overflow: auto;
}

4. JAVASCRIPT

 $('.main').slinky();