COMPARTE ESTE ARTÍCULO Y MUESTRA LO QUE APRENDISTE

En caso tal el sweet Scroll hecho siguiendo las clases no funciono(como en mi caso) esta es una buena opción:

  1. instalamos g2-page-scroll

npm install ng2-page-scroll --save

  1. hacemos un import en el app.module
import { NgxPageScrollModule } from 'ngx-page-scroll';

imports: [
        NgxPageScrollModule
        ]
  1. en la etiqueta a ponemos la referencia en el href y colocamos a modo de directiva pageScroll y el tiempo de duracion y del lado del objetivo un id
<a  pageScroll [pageScrollDuration]="900" href="#home--container">
      <i class="fas fa-angle-down"></i>
</a>

<section class="home--container" id="home--container"></section>

para mas info y sobre mas configuraciones que se pueden hacer este es el repositorio de github donde lo encontre
https://github.com/Nolanus/ngx-page-scroll

COMPARTE ESTE ARTÍCULO Y MUESTRA LO QUE APRENDISTE

0 Comentarios

para escribir tu comentario

Artículos relacionados