fix a bug: made Scroll up when new page is opened(Home, Service, Contact and Blog).

Author: “Young

src/pages/app-blog/app-blog.tsx

@@ -1,4 +1,4 @@
-import { Component, State, h } from '@stencil/core';
+import { Component, State, h, Build } from '@stencil/core';
 import { BlogPost } from '../../model/blog-post.model';
 import { BlogMeta } from '../../model/blog-meta.model';
 import { BlogCategory } from '../../model/blog-category.model';
@@ -61,6 +61,9 @@ export class AppBlog {
   }
 
   componentDidLoad() {
+    if (Build.isBrowser) {
+      window.scrollTo(0, 0);
+    }
     const input = document.getElementById('blog-search');
     input.addEventListener('search', () => this.handleSearch(input.innerText));
 

src/pages/app-contact/app-contact.tsx

@@ -1,4 +1,4 @@
-import { Component, State, Listen, Prop, h } from '@stencil/core';
+import { Component, State, Listen, Prop, h, Build } from '@stencil/core';
 import { translate } from '../../services/translation.service';
 
 @Component({
@@ -56,7 +56,10 @@ export class AppContact {
   }
 
   componentDidLoad() {
-    this.resetFormValues();
+    if (Build.isBrowser) {
+      this.resetFormValues();
+      window.scrollTo(0, 0);
+    }
   }
 
   validateField(e) {

src/pages/app-home/app-home.tsx

@@ -28,6 +28,9 @@ export class AppHome {
   }
 
   componentDidLoad() {
+    if (Build.isBrowser) {
+      window.scrollTo(0, 0);
+    }
     /* tslint:disable-next-line */
     window.addEventListener('scroll', () => {
       const innerPanel = document.getElementById('content-panel-inner');

src/pages/app-services/app-services.tsx

@@ -1,10 +1,15 @@
-import { Component, h } from '@stencil/core';
+import { Component, h, Build } from '@stencil/core';
 
 @Component({
   tag: 'app-services',
   styleUrl: 'app-services.scss',
 })
 export class AppServices {
+  componentDidLoad() {
+    if (Build.isBrowser) {
+      window.scrollTo(0, 0);
+    }
+  }
 
   changeMetadata() {
     // Change meta tags dynamically