Snapscroll

by wrxsti85

HTML

<script src="http://diy-code.com/snapscroll/jquery.snapscroll.min.js"></script>
<script src="http://diy-code.com/snapscroll/dependencies/jquery.scroll_to.js"></script>
<ul id="kronumSnap">
    <li class="a"><p>1</p></li>
    <li class="b"><p>2</p></li>
    <li class="c"><p>3</p></li>
    <li class="a"><p>4</p></li>
    <li class="b"><p>5</p></li>
    <li class="c"><p>6</p></li>
</ul>

CSS

body {
    padding: 0px;
    margin: 0px;
}

p {
    color:white;
    padding: 40px;
    font-size: 40px;
    margin: 0px;
}

ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

ul li {
    width: 100%;
    height: 600px;
}

.a {
    background:black;
}

.b {
    background:green;
}

.c {
    background:blue;
}

JavaScript

$('#kronumSnap').snapscroll();