Page Slider is a simple, pure JavaScript plugin to make single-page websites scroll horizontally on clicks.

How to make use of it:

Load the following JavaScript and CSS files into the document.

<link rel="stylesheet" href="css/pgSlider.css">
<script src="js/pgSlider.js"></script>

The basic HTML structure of the page scroll bar.

<section id="ps-container" class="">

  <div class="ps-wrapper">

    <section class="ps-page">
        <h1>Page One</h1>
    </section>

    <section class="ps-page">
        <h1>Page Two</h1>
    </section>

    <section class="ps-page">
        <h1>Page Three</h1>
    </section>

  </div>
  
</section>

See Demo And Download

Official Website(abizit): Click Here

This superior jQuery/javascript plugin is developed by abizit. For extra Advanced Usage, please go to the official website.