Scrolling is flickering when routing to new page in Angular-CodePudding

The

CodePudding user response：

Sticky Headers are known to cause that issue.

Try adding to your header in your css

{ -webkit-backface-visibility: hidden; }

Here are some good articles that may help you https://developer.apple.com/library/archive/documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Using2Dand3DTransforms/Using2Dand3DTransforms.html#//apple_ref/doc/uid/TP40008032-CH15-SW40.

https://www.angularfix.com/2021/10/header-shrinks-on-scroll-but-flickering.html

CodePudding user response：

This has worked for me in recent days with a similar issue

html { scroll-behavior: smooth; }