fullpage

The official angular-fullpage component for Angular

HTMLJSSee in Codepen
<!-- app.component.html -->
<div fullpage id="fullpage"
[options]="config"
(ref)="getRef($event)">
    <div class="section">
        Section 1
         <button (click)="fullpage.api.moveSectionDown()">
            Next
        </button>
    </div>
    <div class="section">Section 2</div>
    <div class="section">Section 3</div>
</div>
// app.component.ts
export class AppComponent {{
  config: any;
  fullpage_api: any;

  constructor() {{

    // for more details on config options please visit fullPage.js docs
    this.config = {{
      menu: '#menu',
      anchors['page1','page2','page3']
    }};
  }}
}}

Slide 2.2

Slide 2.2

Slide 2.2

Section 3