br-fullpage

Angular Directive for full page scrolling applications.

##Installation bower install br-fullpage

##Browser Compatibility Tested browsers:

• IE
• Chrome
• Firefox
• Safari

##Usage ####Include

<script src="br-fullpage.min.js"></script>

####Inject

angular.module('example', ['br.fullpage']);

####Example

<fullpage page-class="page">
  <section class="page">
      <section class="container">
          <h1>Page 1</h1>
      </section>
  </section>
  <section class="page">
      <section class="container">
          <h1>Page 2</h1>
      </section>
  </section>
  <section class="page">
      <section class="container">
          <h1>Page 3</h1>
      </section>
  </section>
</fullpage>

##Navigation You can now use fullpage navigation by using the fullpage-href directive and referencing the id of the page. ####Example #####Navigation

<a fullpage-href="page1">
    Page 1
</a>

#####Fullpage

<section class="page" id="page1">
    <section class="container">
        <h1>Page 1</h1>
    </section>
</section>

##Attributes The fullpage directive currently allows following parameters: ####page-class This parameter specifies the class of the sections that represent your full pages. The fullpage directive should only have direct children with this class.

##Events The fullpage directive emits a br-fullpage:pageScrolled event when the page is scrolled and passes the page index as a parameter.

You can listen to this event via $scope.$on if you need to. For example, if you want to change a $location.path() value for each page.