Im using fullPage.js to my website and i want to create scrolling in different direction I mean, if i have ex.4 section and every section have slides in it i want to first section have arrows to left and scrolling this slide to left and second section have only arrow to riht and scrolling thi slides to right, and so on, 3th to left and forth to right. is it possible?
<div id="fullpage">
<div class="section" id="section1">
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div> //scroll this section to left
<div>
<div class="section" id="section2">
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div> // scroll this section to right
<div>
<div class="section" id="section3">
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div> // scroll this section to left
<div>
<div class="section" id="section4">
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div> // scroll this section to right
<div>
</div>
Already answered in the forum: https://github.com/alvarotrigo/fullPage.js/issues/1293
From the docs:
Here a demo online.
HTML:
Javascript