Horizontal Scroll Jumping Back after trigger

Design help Animations & Interactions
1

Dear fellow Webflowers,

I have a small issue with my site which i would love some help with. The breakdown is as follows:

  • I have a horizontal scroll moving website.

  • I have implemented a horizontal scroll animation which moves the second section into view when you click in the top nav bar under “Section 2”.

  • However when i touch the scroller on the mouse again it jumps back to the first section.

How can i avoid the jump back to the first section when the mouse is scrolled?

Project Link: https://preview.webflow.com/preview/horizontalscroll-f529d2-47b29c3c4b0eb4d?utm_medium=preview_link&utm_source=dashboard&utm_content=horizontalscroll-f529d2-47b29c3c4b0eb4d&preview=d9419b2fcab6668cf3a6ba17a83c3d95&mode=preview

2

Please note you need to toggle in and out of the preview for the full experience of the site. I dont know why??