Pageking
Pageking's Achievements
-
Rare
-
-
Rare
-
-
Rare
Recent Badges
7
Reputation
-
Thanks for the solution! This worked like a charm!
- 2 replies
-
- 1
-
-
- bug
- scrolltrigger
- (and 1 more)
-
Hello friends! I have a very specific issue with a project I'm working on. There are multiple sections that get loaded in dynamically and to be rearranged by the end-users, hence the foreach loop I've used on the different types of sections. I've attached a small demo with the exact same problem I'm facing on the project. I would love to hear your input on this. Thanks!
-
Apologies, I edited the code so that it "technically" works, but I still am not sure what caused the original problem which is in view now.
-
I have created a simple effect where I want to track a <circle> on a circular path in another SVG. Everything seems to be working as expected except for one thing. The animation tracks back (like the yoyo effect) even when I apply yoyo: false; Does anyone know what causes this? I made a minimal demo where this issue also arises
-
Thank you very much akapowl! This is certainly a good step in the right direction and sets me up for further solutions in the project. This is all the help I needed for now!- 2 replies
-
- 3
-
-
- scrolltrigger
- pin
- (and 1 more)
-
Hi all, I am trying to create an effect in which I can loop through all sections of a page and make them all overlapping. This is for a site where I don't know how many sections there are per page, since that can change. The effect in my codepen is almost what I want, but ideally section 1, 2 and 3 should all be overlapping at the end of the page. I have tried using "pintype: ''transform" ad setting the pinspacing to true but to no avail. Can anyone help me with a solution?
-
Hi all, I have been experimenting with MorphSVG and I am trying to make a button where the border morphs to a sort of arrow shaped border when you hover over it. This has been fairly successful but I see that the left side of the SVG morphs a bit and the animation still feels a bit too wavy. How can you approach a problem like this? I am not that experienced with MorphSVG and would love some insight.
-
You're a lifesaver! I haven't used a ScrollTrigger like that before but now that I see it I understand completely. I implemented it in the site I'm building and it works like a charm. Thank you!
-
Hi PointC, thanks for the reply! Unfortunately this is still not exactly what I hope to accomplish. When I scroll back from Wrapper 3 to Wrapper 2, the SVG slides in from the top and not from the position it had on Wrapper 3. The same goes for scrolling back from Wrapper 2 to Wrapper 1.
-
Pageking changed their profile photo
-
Hi all, first time posting here so sorry if I forget to include something, but here we go... I'm trying to animate this SVG between different sections (wrappers) but I can't figure out why my animation keeps restarting from the original position (the top of the body). I'd like to animate the SVG from the previous position. So if you scroll from wrapper 3 to wrapper 2, the SVG animates from wrapper 3 to wrapper 2. I'm feeling like I'm overseeing the obvious solution here, but I can't from the life of me come up with a solution. Any help is appreciated!