how to fire locomotive scroll on div container

To fire the locomotive scroll on a div container, you'll need to follow these steps:

1. Include the Locomotive Scroll library in your project. You can either download it and include the JavaScript file manually or use a package manager like npm or yarn to install it.

2. Add the necessary HTML structure for your container. For example, create a div element with a unique ID to represent your container:

<div id="scroll-container">
  <!-- Content goes here -->
</div>

3. Initialize the Locomotive Scroll on your container using JavaScript. You'll need to target the container using its ID and call the Locomotive Scroll constructor:

const scroll = new LocomotiveScroll({
  el: document.querySelector('#scroll-container'),
  // Additional options can be specified here
});

4. You can customize the scroll behavior by adding additional options to the Locomotive Scroll constructor. For example, you can change the scroll speed or enable/disable certain features. Refer to the Locomotive Scroll documentation for a full list of available options.

5. Finally, make sure to call the init() method on the Locomotive Scroll instance to start the scroll:

scroll.init();

That's it! You've successfully fired the locomotive scroll on your div container. Now you can enjoy the smooth scrolling experience provided by Locomotive Scroll