Minimalist jQuery Plugin For Scrolling Stack Of Pages - Scroll Deck

Minimalist jQuery Plugin For Scrolling Stack Of Pages - Scroll Deck
File Size: 4.39 KB
Views Total: 2661
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Scroll Deck is a jQuery plugin to build scrolling decks for one page scrolling website that enable you to stack up and slide off pages using mouse wheel.

See also:

How to use it:

1. Include jQuery library and the jQuery scroll deck plugin on the web page.

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="jquery.scroll-deck.js"></script>

2. Include the jQuery mousewheel plugin for mouse wheel support.

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.12/jquery.mousewheel.js"></script>

3. Add scrolling decks into your webpage.

<div class="page">
  Page 1
</div>
<div class="page">
  Page 2
</div>
<div class="page">
  Page 3
</div>
<div class="page">
  Page ...
</div>

4. Initialize the plugin.

$('.page').scrolldeck();

Change log:

2016-02-03


This awesome jQuery plugin is developed by guarani. For more Advanced Usages, please check the demo page or visit the official website.