I would like to apply the following effect to a project,
when the user uses the scroll, either up or down the scroll is made straight to the section below, needing a rolled scroll and it goes to the next section
of the hierarchy:
What would be the best way to assign this action? Jquery or JAVASCRIPT? I'm a beginner in both .. can you give directions?
EXAMPLE: HTML
<ol>
<li class="active"></li>
<li></li>
<li></li>
<li></li>
</ol>
<section id="um">1</section>
<section id="dois">2</section>
<section id="tres">3</section>
<section id="quatro">4</section>
CSS
#um{height:600px;width:100%;background: #000;position:relative;}
#dois{height:600px;width:100%;background: #005;}
#tres{height:600px;width:100%;background: #010;}
#quatro{height:600px;width:100%;background: #015;}
ol {background: none repeat scroll 0 0 #c1c1c1;height: 200px; padding: 8px;position: fixed;right: 0;width: 10px;z-index: 99;}
li{width:10px;height:10px;background:#fff;}
JS
?????????????????
Link to example Jsfiddle