Ориентация на классы секций с помощью jQuery

Question

Я использую плагин прокрутки на одну страницу ( http://www.thepetedesign.com/demos/onepage_scroll_demo.html), чтобы быть более точным.

Я заметил, что во многих руководствах и плагинах прокрутки одной страницы используются разделы. У меня есть некоторые проблемы, связанные с разделами. Я пытаюсь добавить простую навигацию к плагину, чтобы пользователи знали, на какой странице они находятся.

Я думал, что код будет довольно просто, просто используя

if ($(".page1").hasClass("active")) {
        console.log("page one active");
    }

Но это не похоже на работу. Что-то мне не хватает в отношении таргетинга на разделы с помощью jQuery? Все, что мне нужно выяснить, это как правильно настроить таргетинг на раздел, тогда я смогу добавить классы на вкладку навигации.

РЕДАКТИРОВАТЬ

<div class="main">  
  <section class="page1" id="pageone">
    <div class="content col-xs-offset-2 col-xs-10 col-sm-offset-2 col-sm-10 col-lg-offset-2 col-lg-10">
      <div class="content-inner">
        <h1>FIRST<br>PAGE<br></h1>
      </div>
    </div>
  </section>

    <section class="page2">
      <div class="content col-xs-offset-2 col-xs-10 col-sm-offset-2 col-sm-10 col-lg-offset-2 col-lg-10">
      <div class="content-inner">
        <h1>SECOND <br> PAGE <br> YO!</h1>
      </div>
    </div>
  </section>
</div>