scroll navbar

src/app/components/home/home.component.html

@@ -32,7 +32,7 @@
 
 
 <!--Section: Features v.1-->
-<section class="section feature-box">
+<section class="section feature-box" id="features">
 
   <!--Section heading-->
   <h1 class="section-heading pt-4">Why is it so great?</h1>
@@ -76,7 +76,7 @@
 
 
 <!--Projects section v.3-->
-<section class="section extra-margins">
+<section class="section extra-margins" id="projects">
 
   <!--Section heading-->
   <h2 class="section-heading h1 mt-5"><strong>Our best projects</strong></h2>

src/app/components/navigationBar/navigationBar.component.html

@@ -7,10 +7,10 @@
     <ul class="navbar-nav mr-auto">
 
       <li class="nav-item waves-light" mdbRippleRadius>
-        <a class="nav-link" >A propos</a>
+        <a class="nav-link" pageScroll="#features" [pageScrollOffset]="50" [pageScrollDuration]="700" [pageScrollEasing]="functionName" [pageScrollInterruptible]="false" (pageScrollFinish)="doSmth($event)" href="#features">A propos</a>
       </li>
       <li class="nav-item waves-light" mdbRippleRadius>
-        <a class="nav-link" >Fonctionnalités</a>
+        <a class="nav-link" pageScroll="#projects" [pageScrollOffset]="60" [pageScrollDuration]="700" [pageScrollEasing]="functionName" [pageScrollInterruptible]="false" (pageScrollFinish)="doSmth($event)" href="#projects">Fonctionnalités</a>
       </li>
 
 <!--      <li class="nav-item waves-light" mdbRippleRadius *ngIf="afficheLogout === true" >

src/app/components/navigationBar/navigationBar.component.scss

@@ -21,3 +21,4 @@ logo a:hover {
     background: #82b1ff !important;
   }
 }
+