fullPage.js base with scroll inside sections
fullPage.js basic example with scroll inside sections
by milenig
HTML
<link rel="stylesheet" href="http://alvarotrigo.com/fullPage/jquery.fullPage.css">
<link rel="stylesheet" href="http://alvarotrigo.com/fullPage/example3.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="http://alvarotrigo.com/fullPage/vendors/jquery.easings.min.js"></script>
<script src="http://alvarotrigo.com/fullPage/jquery.fullPage.min.js"></script>
<div id="fullpage">
<div class="section long-section">Some section</div>
<div class="section">Some section</div>
<div class="section">Some section</div>
<div class="section">Some section</div>
<div class="section">Some section</div>
</div>
CSS
.long-section {
height: 1500px;
min-height: 1500px;
}
JavaScript
$(document).ready(function() {
$('#fullpage').fullpage({
css3: true,
scrollOverflow: true
});
/* $('#showExamples').click(function(e) {
e.stopPropagation();
e.preventDefault();
$('#examplesList').toggle();
});
$('html').click(function() {
$('#examplesList').hide();
});*/
});