What is daGama.js?

DaGama.js is a neat navigation plugin for jQuery that allows you to make those sliding pages that is all the rage now. Great for plugin documentation pages such as these, your portfolio, or even your grandmother's garden club's website. Currently, it only supports vertical scrolling. Horizontal scrolling will be along very shortly.

Setting up daGama.js

DaGama.js starts out like any other jQuery plugin.

<script src="js/jquery.min.js"></script>

The Barebones Configuration

  <script>
    $(document).ready(function(){
      $('nav').daGama({
        menuHeight: 72
      });
    });
  </script>

The Hardcore Configuration

  <script>
    $(document).ready(function(){
      $('nav').daGama({
        items: "li > a",
        speed: 1200,
        menuHeight: 72,
        easingFunction: function (x, t, b, c, d) {
            return c*((t=t/d-1)*t*t + 1) + b;
        }
      });
    });
  </script>

Download daGama.js