One Page

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Untitled</title>
    </head>
    <body>

      <ul id="nav">
        <li class="current"><a href="#home">Home</a></li>
        <li><a href="#about">About</a></li>
        <li><a href="#work">Work</a></li>
      </ul>

      <div id="home">
        <strong>Home</strong>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
      </div>

      <div id="about">
        <strong>About</strong>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
      </div>

      <div id="work">
        <strong>Work</strong>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
      </div>


        <script src="http://code.jquery.com/jquery-latest.min.js"></script>
        <script src="jquery.scrollTo.js"></script>
        <script src="jquery.nav.js"></script>
        <script type="text/javascript">

          s$(document).ready(function() {
            $('#nav').onePageNav();
          });

        </script>

    </body>
</html>