Bruno Stephen

Hi guys I have a challenge. It will be an interactive map I have this reference: https://northdrive.ca/projects-map/ By clicking on (+) the map expands. Then in the mouse movement it shows the content outside the screen. Clicking on one of the points on the map reveals the image with a small zoom. When clicking on the [X] it returns to the initial position. I worked and managed to reach a reasonable result, the big problem is that when I click on one of the points and the zoom starts it leaves the element triggering the mouseleave generating bugs. Some points of improvement in step 1 and already come with zoom following the mouse. When you click on one of the points it will bring the map as much as possible within the cursor. Ensure that the map always appears in full Any improvement on what I created would be welcome. Thank you all in advance.

Hi guys! I think it's a simple question, what's the best way to show the new text in the reverse timeline? In the current form it shows more when it comes back I don't have the event onComplete! TKS!

Hey @GreenSock I migrated from locoscroll to Gsap and everything works great except when I have giant pages that my clients insist on doing. From the first version of smoothscroll to the second official version using matrix, the performance has improved a lot but I still have some tripidations mainly at the time of ease out of the scroll. I was going to suggest a scroll by section I believe it is interesting but it looks like it is being tested I would like to test if this is true. Thanks in advance and a pleasure to use GSAP.

Use template string: tl.set(navbarbottom.current, { height: `${10}rem` }); tl.to(navbarbottom.current, 0.4, { height: `${0}rem` }).reverse(); work for me!

Now it works perfectly Jack. I did several tests and didn't find any bugs. We just need to ensure that the user doesn't click on the buttons before [onThrowComple] is complete this generates an error. Can we live with it but do we have a smart way to do it? Thank you very much Jack.

I found that problems usually occur when the last item is in the first position!

Hi Blake how are you? This is exactly what I wanted to seem like magic. But I found a BUG if you drag it around and wait a while and then click on next or previous it gets lost and doesn't do the right thing. Sometimes it cycles through 2 items instead of 1. It doesn't always happen. this function was very complex I could not find the error. Thank you for your help! https://codepen.io/whoisbrux/pen/yLPEKQg

Hello friends. I'm creating a slider and everything works fine, I still have to make some adjustments. What I need to do and I can't is when manipulating by dragging the animation, use [ease: 'none'] and when clicking on the button it's [ease: 'power2.inOut']. If there's anything to improve, I'm open to suggestions. I thank everyone.

Perfect I can use it like this when I don't need to wait for any other action I tested it on my project and it works perfectly thanks friend!

Hi Blake first I have to admit that I'm your fan. With his suggestion snapTo works perfectly but the content size is wrong. From that I added a delay of 1.1 to wait for the content to reach the end of the scroll to compensate for the scrub 1, after that I put another delay of 1.2 by calling ScrollTrigger.refresh(); it got a little ugly but it worked. See a better way to do this? thank you Blake https://codepen.io/whoisbrux/pen/yLbdBqo

I'm using GSAP's native smooth scroll and it seems to be going well. At the moment I need to recalculate the document size or do the smooth scroll setup again because in my project this area will be with article filter so to simulate instead of filtering I just remove the first element and then do the setup again. It works relatively well but I think there's something wrong. Note that after I apply the logic the PIN stops working with snapTo correctly. I will need to redo this setup frequently throughout the project so I wanted to know the best way to perform this action! I hope you can help me thank you in advance! https://codepen.io/whoisbrux/pen/rNmgXzO

I respect your opinion about messing up the browser. About being charming the implementation of locomotivescroll compared to smooth Gsap the only point that attracts me is the custom scrollbar in the rest using the Gsap toolset is more worthwhile so I will switch to smooth Gsap (remembering that not until then knew there was smooth Gsap). Locomotivescroll has several methods and properties but in my case using the scrolltrigger I don't use practically anything, so it's a basuca to kill an ant. About my demo it's actually perfect and it's really what I need, what didn't work well was the version I'm using for development that is in version 3.4 or I need to upgrade will be a pleasure I love GSAP! Sorry for my confusing text I am using a translator. Thank you for creating this wonder

Hello thanks for the reply, sorry for the delay I was testing and analyzing the situation. Your alternative seems to work but not so well and I would have to make additional tweaks which can generate a lot of work. To be honest I didn't know that Gsap had its own smooth I thought it was amazing for me it would be a pleasure to use everything from Gsap. The reason I use another library is because of the documentation, because I didn't know that there was Gsap itself and a good reason is the locomotive's charming scrollbar ( is there any possibility for you to implement it?) That said at the moment I'm open to using smooth Gsap but I did some tests and it didn't work very well with snapTo: label I believe it's because of my old version 3.4.0 correct? probably enough measures have been implemented to date! Below is an example of what I need I will use this often in my projects! https://codepen.io/whoisbrux/pen/OJmBawy

for some reason with the two examples on the screen it seems to work better but not ideal and when I move on the first example the second one moves to the correct position!

Hello GSAP family, thank you for using this tool to change my life for the better! Hope you can help me, I'm trying to use Scrolltrigger with LocomotiveScroll so far my only challenge works well and also implement Scrolltrigger SNAP I know you don't support third party libraries so I was wondering if I missed something or if there is any method I can use to help make it work follows the example in codepen: Example works without locomotivescroll: https://codepen.io/whoisbrux/pen/ExmQYaJ Example does not work with locomotivescroll: https://codepen.io/whoisbrux/pen/xxdpdgb