Oleh Koval
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by Oleh Koval
-
-
@mvaneijgen I understand that I can create a .p-bg element for each block, but I thought there might be a better solution for this task. But in any case, this will solve my task.
-
How to build element transition chains correctly?
See the Pen NWLOqOq by oleh-koval (@oleh-koval) on CodePen
-
-
When I use Flip, the font size inside the container changes instantly without any smoothness. How to solve this problem?
See the Pen yLxxLRR by oleh-koval (@oleh-koval) on CodePen
-
Hi @OSUblake
Thank you -
40 minutes ago, OSUblake said:
Hi Oleh,
Can you try with these files, at least locally? That issue should be fixed now.
https://assets.codepen.io/16327/ScrollTrigger.min.js
https://assets.codepen.io/16327/ScrollSmoother.min.js
I checked it works. When will there be an update? -
@OSUblake I am using https://kw:8890/onegreenway/
This is a localhost, only custom MAMP PRO. -
14 minutes ago, OSUblake said:
Hi Oleh,
Can you try with these files, at least locally? That issue should be fixed now.
https://assets.codepen.io/16327/ScrollTrigger.min.js
https://assets.codepen.io/16327/ScrollSmoother.min.js
I try locally, but after loading the page, it immediately redirects to this page
https://greensock.com/requires-membership/?plugin=ScrollSmoother&source=trial -
https://greensock.com/docs/v3/Plugins/ScrollSmoother/paused()
For some reason it doesn't work on mobile
https://is-travel.wbs-dvp.pro/
There is a clean site, only 1 switch button. It works on desktop, but not on mobile. The first click works, but the second doesn't. -
I did revert(), but it only works if scrolled down to the element and that doesn't suit me.
-
@akapowl How do I fix the first section and add animation? You helped me with the last section, but what about the first section?
-
@akapowl Thank you so much
- 1
-
@akapowl I need to develop this animation. Starting at 23 seconds on the video https://drive.google.com/file/d/1xgKcza2cP_DJfqmyxLhiskKEi9qCbQMS/view?usp=sharing
If you take the block out of the horizontal scroll, then everything works. Not in horizontal scrolling. Is it possible to do this or not?
-
Initially, I have a horizontal scroll, when I scrolled to the last section, I need to fix this section and make a chain of changes when scrolling.
See the Pen gOXZJZO by oleh-koval (@oleh-koval) on CodePen
-
I can't figure out how to make the carousel right when scrolling.
For example ScrollTrigger (trigger: ".carousel-outer", start: "center center")
After that we scroll down the carousel is fixed and the slides are changed. Just as it works now when we click on the dots.
Help me please!See the Pen RwKjXYL by oleh-koval (@oleh-koval) on CodePen
-
How to animate svg using GSAP? In my example, these are lines.
Hover on this area https://prnt.sc/111ifp1 to bend the lines. It is possible?See the Pen yLggdXY by oleh-koval (@oleh-koval) on CodePen
-
21 minutes ago, ZachSaucier said:
Without you providing a demo of what you're trying it's impossible to say for sure, but my guess is because your selector string for the wrapper is wrong. You have ".wrapper" but it should be "#wrapper" because it is an ID, not a class.
Keep in mind that these forums are for specific questions, not general requests to get us to build things for you Mikel has been very generous with his time but it's up to you to implement our suggestions into your site.
See the Pen VwKxZZW by oleh-koval (@oleh-koval) on CodePen
Try scrolling through section 2. Look at the behavior of this element https://prnt.sc/wg1a5f
-
31 minutes ago, mikel said:
Hmmm, you should be able to fork my pen however you want.
These are only suggestions and tips.
Why does this code not work correctly if I add it to your code?
ScrollTrigger.create({
trigger: ".wrap",
start: "top top",
end: "bottom bottom",
pin: "#head02",
pinSpacing: false
});
I have a problem with this and EVERYTHING !!! -
10 minutes ago, mikel said:
You are moving in the wrong direction.
See how the map https://prnt.sc/wfwlqt is fixed to the text when scrolling.
-
Hey @mikel
Watch this video https://drive.google.com/file/d/1XwdBkxtBxh6JTMfsJglz3y3SmMHbdhVU/view?usp=sharing
That's what it's for.
-
6 hours ago, mikel said:
Hey Oleh,
Hmmm, so get it 'out of the blue again'
Happy tweening ...
Mikel
I need something else. Watch this video to understand the problem https://drive.google.com/file/d/1dOhJJ7mWgf4y0OTZMiap3b6X-QTyoF3t/view?usp=sharing
-
26 minutes ago, mikel said:
Hey @Oleh Koval,
Welcome to the GreenSock Forum.
I'm not sure what you're going to do.
So here's just an example to show how I interpret it.Happy fading ...
Mikel
See how this code https://prnt.sc/wfimns works in my example. This block is not fixed, but disappears first and appears at the end of the section. Although it should fixed smoothly within this section.
-
Help me solve the problem.
When scrolling, the section smoothly transitions to transparent, and the bottom section overlaps it.
But inside one of the section I need to fixed the element on scrolling. Why is it wrong https://prnt.sc/wfh63c works.
I don't understand why it doesn't work properly. See an example.See the Pen bGwvKBZ by oleh-koval (@oleh-koval) on CodePen
Flip & Resize
in GSAP
Posted
What is the correct way to resize Flip?
See the Pen NWLOqOq by oleh-koval (@oleh-koval) on CodePen