Solution31.md

Problem 31: How to enable scrollPositionRestoration

This is the problem. Sometimes when you click on a link in the middle of a long page when the next page gets loaded, it places the new page in about the same place of the link of the previous page (not on the top). So to get the top change the scrollPositionRestoration: 'enabled' in the ../src/main/webapp/app/app-routing.module.ts to avoid that problem.

import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { errorRoute, navbarRoute } from './layouts';
import { DEBUG_INFO_ENABLED } from 'app/app.constants';

const LAYOUT_ROUTES = [navbarRoute, ...errorRoute];

@NgModule({
    imports: [
        RouterModule.forRoot(
            [
                ...LAYOUT_ROUTES,
                {
                    path: 'admin',
                    loadChildren: './admin/admin.module#JhipsterpressAdminModule'
                }
            ],
            { useHash: true, enableTracing: DEBUG_INFO_ENABLED, scrollPositionRestoration: 'enabled',
                anchorScrolling: 'enabled' }
        )
    ],
    exports: [RouterModule]
})
export class JhipsterpressAppRoutingModule {}