How to make use of it:

1. Add web page sections to your HTML web page.

<div id="container">
  <section class="page1">
    Section 1
  </section>
  <section class="page2">
    Section 2
  </section>
  <section class="page3">
    Section 3
  </section>
  <section class="page4">
    Section 4
  </section>
  <section class="page5">
    Section 5
  </section>
</div>

2. Make these web page sections fullscreen.

section { 
  height: 100vh; 
}

3. Load the required jquery library and jQuery touch-swipe plugin within the web page.

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/cdn/jquery.touchSwipe.min.js"></script>

4. Call the function pageScroller on the top container and executed.

$(function(){
  $('#container').pageScroller();
});

5. Config the one web page scroll effect.

$('#container').pageScroller({

  // animation speed in ms
  travelTime:1000,

  // delay in seconds
  afterTravelTimeout:1,

  // additional easing function
  travelEasing:'swing'
  
});

6. Define an array of anchor links that can be utilized to scroll by these web page sections manually.

$('#container').pageScroller({

  anchors:['.anchor1','#anchor2','.anchor3']

});

7. Set the index of your beginning web page part.

$('#container').pageScroller({

  startingPage: 1

});

8. Callback features.

$('#container').pageScroller({

  onTrigger: function(none, targets) {
    // do something
  },
  
  onEnd : function(none, targets) {
    // do something
  }

});

Touch-enabled Fullpage Scroller, pageScroller Plugin/Github

See Demo And Download