Locomotive JS is not working with rest of JS

I Want to Make My Website Smoother on Scroll for that I have been using Locomotive JS to achieve a smoother scrolling effect on my website. However, I have encountered some issues with the rest of my JavaScript code not being applied correctly. For example, I created a navigation bar that is supposed to move up by -100% when scrolling down, and return to its original position when scrolling up. Unfortunately, this functionality, along with some other features, is not working as expected when using Locomotive JS. This is the link of code pen where the code is uploaded https://codepen.io/artbymali/pen/gOyBREG.
Was this page helpful?