Scrolling issue

[Amitshaale]

Hi,

On changing route page is showing from bottom it should be from start(Top).

I have tried for fix but still I it's not fixed. can you help please?

my code is here in app.routing.module.ts

RouterModule.forRoot(routes, {
      useHash: false,
      preloadingStrategy: PreloadAllModules,
      initialNavigation: 'enabled',
      scrollPositionRestoration: 'enabled'
    })

[tomastrajan]

Hi @Amitshaale !

Did you try scrollPositionRestoration: 'top'

https://angular.io/api/router/ExtraOptions

[Amitshaale]

Hi @tomastrajan

I have tried this solution but it's not working scrollPositionRestoration: 'top'

[tomastrajan]

@Amitshaale which browser/ os ?

[Amitshaale]

@tomastrajan Chrome in mac os.

I think with module routing it's not working.

[Amitshaale]

@tomastrajan any solution on this issue?

[Amitshaale]

I have tried with this code but still it's not working...

const routerOptions: ExtraOptions = { useHash: false, anchorScrolling: 'enabled', scrollPositionRestoration: 'enabled', scrollOffset: [0, 0] // [x, y] }

[Amitshaale]

@tomastrajan issue still not fixed. how to fix?

[varunahuja555]

@Amitshaale

Try this. It's working.
const elmnt = document.getElementById(id); elmnt.scrollIntoView({behavior: 'smooth'});