ScrollToPlugin with link at the top

[Pradeep PI 1 Likes (Newbie)]

when I click on the menu, it seems working well.. but after that top portion hide or top scrolling doesnt work.. when i remove locomotive scroll it works good...pls help me

See the Pen ExXvqNZ by pradeepppi (@pradeepppi) on CodePen

[akapowl 4,435 Likes (Superhero)]

Hey there, @Pradeep PI

 

Locomotive-scroll does not make use of native scroll behaviour and changes things fundamentaly when it comes to that. Thus it won't work with GSAP's ScrollTo-Plugin but instead has a scrollTo method of its own, which you can find more info on in their docs.

 

https://github.com/locomotivemtl/locomotive-scroll

 

As it is not a GSAP product, support for locomotive-scroll is not actually offered in these forums.

 

There is a GSAPy smoothScroll() function with ScrollTrigger too though, if that's something you might want to consider instead of locomotive-scroll. You can find an example of that in the .scrollerProxy() documentation.

 

Happy scrolling  

 

[Pradeep PI 1 Likes (Newbie)]

1 hour ago, akapowl said:

Hey there, @Pradeep PI

 

Locomotive scroll does not make use of native scroll behaviour and changes things fundamentaly when it comes to that.

Thus it won't work with GSAP's ScrollTo-Plugin but instead has scrollTo-method of its own, which you can find more info on in their docs.

 

https://github.com/locomotivemtl/locomotive-scroll

 

As it is not a GSAP product, support for locomotive-scroll is not actually offered in these forums.

 

There is a GSAPy ScrollTrigger smoothScroll() function too, though, if that's something you might want to consider instead.

You can find an example of that in the .scrollerProxy() documentation.

 

Happy scrolling  

 

 

[akapowl 4,435 Likes (Superhero)]

Quote

can u pls check the below script has any error or issue

 

Yes, as I mentioned, GSAP's ScrollTo-Plugin simply does not work with locomotive-scroll, so you can not use it when you use locomotive-scroll. Also you are trying to make use of jQuery syntax but are not loading jQuery in the first place.

 

Here is a solution without jQuery using locomotive-scroll's own scrollTo method

 

See the Pen 7fad2da08a4628a44511bfb7c79da891 by akapowl (@akapowl) on CodePen

[Pradeep PI 1 Likes (Newbie)]

59 minutes ago, akapowl said:

 

Yes, as I mentioned, GSAP's ScrollTo-Plugin simply does not work with locomotive-scroll, so you can not use it when you use locomotive-scroll. Also you are trying to make use of jQuery syntax but are not loading jQuery in the first place.

 

Here is a solution without jQuery using locomotive-scroll's own scrollTo method

 

 

 

hi @akapowl bro

thank you so much.. It works well