Download
User Rating: 3.8/5 ( 1 votes)
singular.js is a jQuery plugin to create SinglePage Website that split a single webpage into several sections so you can scroll through these sections on one page by mouse wheel or dots/arrows navigation.
Source: dl.dropboxusercontent.com
1. INCLUDE JS FILES
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="jquery.imageslider.js"></script>
2. HTML
<div class="js-singular">
<section id="sec01" class="singular-section"></section>
<section id="sec02" class="singular-section"></section>
<section id="sec03" class="singular-section"></section>
<section id="sec04" class="singular-section"></section>
<section id="sec05" class="singular-section"></section>
</div
3. JAVASCRIPT
$(function() {
$('.js-singular').singular();
});
4. OPTIONS
-
section[text]: Sections's classname.
-
nav[text]: Nav's classname.
-
prev[text]: The classname that links to the previous section.
-
next[text]: The classname that links to the next section.
-
navActiveClass[text]: The classname current section.
-
scrollSpeed[ing]: scroll speed(ms)
-
easing[text]: Easing name. (Require jQuery Easing Plugin)
-
mousewheel[bool]: Scroll using th mouse wheel. (Require jQuery Mouse Wheel Plugin)
-
JS Tutorial
