【JQuery】One Page Scrollのナビの作成について

Question

閲覧していただきありがとうございます。

早速ですが本題に入ります。
One Page Scroll 【http://www.thepetedesign.com/demos/onepage_scroll_demo.html#】
を使ってサイトを作成して、

このようなナビゲーションを作って指定のページまで移動するように作りたいのですが、全く動かず困っております。具体的には、メニューが消える そのページでaタグで指定しても動かない 移動できてもスクロールのアニメーションがされない 移動できても、移動したページが一番上のページになってしまい、元のページにスクロールできなくなる。
どうしたらよいでしょうか？
【現在】

<div class="nav"> <ul> <li><a href="">home</a></li> <li><a href="">concept</a></li> </ul> </div> <div id="main"> <section> <div class="contents"> <div class="contents"> </section> </div>

Answer 1

CSS設定を行っているでしょうか？
ドキュメントには記載されていませんが、デモページの動きを実現するにはCSS設定も必須だと思います。

.section {
    width: 100%;
    height: 100%;
}