Angular 6 Best Practices [7] - Scroll to top on Angular Router navigation
14.1 هزار بار بازدید -
6 سال پیش
-
Scroll to top on Angular
Scroll to top on Angular Router change
Angular 6 Scroll to top on router change
Angular Modules, Angular Feature Modules, Angular Shared Modules, Angular Core Modules, Angular Lazy Loading Modules, Angular Routes, Angular Router, Angular Routing, Angular Routing and Navigation, RxJs 6
Note:
If using Angular Material sidenav components, implement as follow:
const element = document.querySelector('mat-sidenav-content') || window;
element.scrollTo(0, 0);
Prerequisite:
Install Node.js and npm → https://nodejs.org
Install Angular CLI globally → npm install -g @angular/cli
Create new project:
→ ng new [name]
→ ng new [name] --directory (apply for Angular CLI version 6.0.2 or higher, --directory create a directory for project)
IDE:
Visual Studio Code → https://code.visualstudio.com
Music:
Vexento - Strobe Vexento - Strobe
Vexento - Home Vexento - Home
Vexento - Happiness Vexento - Happiness
Angular 6 Scroll to top on router change
Angular Modules, Angular Feature Modules, Angular Shared Modules, Angular Core Modules, Angular Lazy Loading Modules, Angular Routes, Angular Router, Angular Routing, Angular Routing and Navigation, RxJs 6
Note:
If using Angular Material sidenav components, implement as follow:
const element = document.querySelector('mat-sidenav-content') || window;
element.scrollTo(0, 0);
Prerequisite:
Install Node.js and npm → https://nodejs.org
Install Angular CLI globally → npm install -g @angular/cli
Create new project:
→ ng new [name]
→ ng new [name] --directory (apply for Angular CLI version 6.0.2 or higher, --directory create a directory for project)
IDE:
Visual Studio Code → https://code.visualstudio.com
Music:
Vexento - Strobe Vexento - Strobe
Vexento - Home Vexento - Home
Vexento - Happiness Vexento - Happiness
6 سال پیش
در تاریخ 1397/03/16 منتشر شده
است.
14,149
بـار بازدید شده