In this tutorial the use of Locomotive Scroll in combination with the Angular framework is outlined.

Using Locomotive Scroll together with the Angular framework can be tricky. This is especially true when working with multiple routes inside an Angular application. The goal of this tutorial is to outline a possible solution for using Locomotive Scroll in combination with the Angular framework. Therefore a multi route Angular application capable of smooth scrolling will be implemented.

Note: for this tutorial Angular version 11 and Locomotive Scroll version 4.1.0 are used.

Getting Started

First a new instance of an Angular Application is needed. To get…

Flo Lech

JavaScript lover, Wordpress enthusiast, lead developer at huangart.at. Forever Internet!

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store