furley
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by furley
-
-
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 advanceSee the Pen ExGqBpB by Steve-Furley (@Steve-Furley) on CodePen
-
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?
See the Pen jOXGvQR?editors=0110 by bath-website-designs (@bath-website-designs) on CodePen
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 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.See the Pen QWzqxvw?editors=1010 by bath-website-designs (@bath-website-designs) on CodePen
-
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.
Vertical then horizontal with drag then vertical again breaks at the end but only when vertical is enabled
in GSAP
Posted
Perfect thanks for your help that worked perfectly!!!!