furley

Perfect thanks for your help that worked perfectly!!!!

Hi, I am having an issue with vertical and horizontal scrolltrigger, it works great without setting up the drag I have commented in the js on codepen the problem area, it seems to nearly duplicate the width when I turn drag on. I tried fixing this by dividing by the number of slides and it fixed it but I'm still not really sure why. Then at the end, it jumps from the slide if you comment out the bit then uncomment it shows the difference any idea how to fix this? Any help would be greatly appreciated!! Thanks in advance

You legend @mvaneijgen!!! Perfect thanks for your time I will have a play with it and come back with the tweaked code just in case it helps anyone else in the future.

Anybody have any ideas on this? It seems so close but something is not working?

Hi @mvaneijgen thanks for the quick response, I definitely like the idea of making it simple but the start and the end need to the when the section meets the bottom of the logo and the end of the logo I have updated it here you can see it kind of working but for some reason it goes black to begin with then goes white. and the placement is off it should follow the line of section I popped a green box around it to show the area the actually text takes up in case that's causing an issue? the start and end point could just be hardcoded in theory as its a fixed position but even doing that it didn't run smoothly? https://codepen.io/bath-website-designs/pen/jOXGvQR?editors=0110 Any ideas thanks again

Hi, I have a logo in the top left that is position fixed and outside of sections. I want to achieve something similar to https://codepen.io/bath-website-designs/pen/QWzqxvw?editors=1010 with the idea being when the section touches the bottom the logo the mask behind will begin to display over the top then fully display when the section behind touches the top of the logo and stay like that until a section touches it again or the class animated-section is not on the slide. For example if 20px of the section is underneath the logo then 20px height of the mask should be displayed and so on. I did have this all working but I came back to it after working on another section and now have no idea what the issue can be, I just keep going around in circles. Any help would be greatly appreciated.

Hi I'm trying to do horizontal scrolling whilst use locomotive scroll to slow down the scrolling also I notice there is an issue when using a fixed header the logo moves up slightly once they have reached the bottom the scroll. How do you use locomotive with gasp going horizontally every time I think I'm getting close I end up scrolling diagonally down and to the right rather then just scrolling sideways. I have seen a-lot on here going vertically but can't find any horizontal example. I also wanted to slow it down presumably I can with locomotive? Any ideas would be greatly appreciated.