Jump to content

Search In
  • More options...
Find results that contain...
Find results in...


  • Posts

  • Joined

  • Last visited

Everything posted by GeS

  1. GeS

    skew on scroll

    thank you so much, Paul! Everything works perfectly.
  2. GeS

    skew on scroll

    have a nice evening. I can't figure out why the console gives out the gsap target skewElem bug not found. I gave a class to my element which should perform the skew action. example effect: https://codepen.io/GreenSock/pen/eYpGLYL help please
  3. GeS

    background color change

    you're probably right... I changed it to color, changed not much the name of the variable and everything works. The only thing I do not understand is why gray appears. It is only visible for the first time when you open a project. Look, please, what can you say? between section one and section two
  4. Hello, everyone. Please tell me what I am doing wrong. I want to achieve an effect like in this example: https://codepen.io/mikeK/pen/xxVLwzJ Only with locomotive scroll. Here is my demonstration. Where did I make a mistake? My sections do not change color.
  5. why am i so inconsiderate? Thank you again! I will certainly show you my project when I finish, without your help I would not have achieved such a result!) I will mention you in my project!
  6. Hi. I apologize in advance for asking a question not quite on the topic of GSAP. This topic maybe of interest to many who use smooth scrolling. Before writing here, I tried to solve the problem on github, but without success. Nobody answered me within a month. my question is very simple: I use smoothScrollbar (https://idiotwu.github.io/smooth-scrollbar/) and I want to implement anchor links, but I have not found a solution. However, I was able to implement anchor links with another library: locomotive scroll. I just used this code const slider= document.querySelector('#main-2'); $('.link:nth-child(2)').on('click', function() { locoScroll.scrollTo(slider) }); however, the same operation was not useful for smoothscrollbar. In my montage, everything breaks down. If someone has an example on codepen please share it.
  7. You may create a project with two or more pages in codepen. Create a demo, I am also interested in this issue.
  8. thank you very much for your time. I will definitely check everything and follow your recommendations! thanks!
  9. Thank you guys, but unfortunately, this is not what I am looking for. I've already created the animation I need, you show good examples, but they have nothing to do with my question. Probably it's about css, or maybe it's about the gsap script itself. But I cannot understand the error. I recorded a video because we don't understand each other and I had to record a video with a bug, I put it on the google drive because I see no other option. I will try to explain again what the problem is and maybe you know the solution? When I change the width or height of my browser (chrome, safari, opera, bing, etc...) my sea is cut off. The original size of my png image with the sea = 1200px. If I reduce my browser, the sea automatically becomes about 300-400px. And this is not because of the css properties. There is a conflict of some kind. Please see the video I attached above in the message because otherwise I can't explain it any other way. And I really need the help of professionals.
  10. https://drive.google.com/drive/folders/1vCj02unuSZI4K3-Opj1fzFD7LoOJved3?usp=sharing webflow has nothing to do with this. please watch the video, on google drive. In the video, I reduced the size of the browser screen
  11. http://dl4.joxi.net/drive/2020/10/19/0038/0786/2519826/26/9a4219b928.png Yes, sorry I have bad English. Click on the link above. Or open my site: https://discavery.webflow.io/ Animation works as I need, it's not about the animation itself. The point is that when we reduce the screen size, the photo is automatically cropped. Do you see it? Just try to reduce the size of the browser.
  12. Sorry, I had to create the code right away. Yes, I agree that tweenmax shouldn't be used, they don't matter. Even in this minimal demo, the animation breaks when the screen changes. Look again, this is what I mean: first open the browser not full width, scroll through the animation, you will see a nice parallax effect, then open the browser full width and you will notice how my animation did NOT adapt and the sea was cut off. https://codepen.io/GeorgeDesign2020/pen/wvWWjZX
  13. hello. I'm working on a project that uses gsap animation ScrollTrigger + smooth scrollbar, you can see the problem in the link below: There is a ship in the second block and in the background, if you open it from 1920x1080 and then reduce it, the sea is cut off and the animation breaks. What can you do with it? If necessary, I will provide godepen, I just did not recreate it. If it helps to solve the problem. https://discavery.webflow.io/
  14. thank you, the decision with important helped
  15. hey, you know how to turn off the scroll track in this example? i'm testing locomotive + gsap, it's ok, but i can't figure out how to remove this idiotic strip.
  16. thanks. I will try to take small steps
  17. https://codepen.io/GeorgeDesign2020/project/editor/AJnPPg# Friends. I faced a big problem in my project. I created an animation for the appearance of photos from mouse movements. But my animation conflicts and doesn't work with gsap.min.js I found out this way: I turned off each script and watched whether my picture animation worked or not and I found out that if I remove the gsap.min.js script, the animation works, but my smooth scroll disappears. You can see more details in my project. I concealed the script the gsap.min.js script for you to see the photo animation. Turn it on the script to understand what I'm talking about. Once all the scripts are active, the smooth scrolling works, but the imagesLoaded script stops performing its function.... I understand that you can't answer all the questions, but I really ask you to tell me what's wrong?
  18. GeS


    thank you so much! yes, i just signed up for your free gsap and barba js course, i am taking it with great pleasure! thank you!
  19. I will try! thank you for the quick answer!
  20. I read all the above and tried to understand how I should reinitialize scripts. In my project, gsap scripts don't update when you move from one page to another. https://codepen.io/GeorgeDesign2020/project/editor/ZLrYEY
  21. GeS


    Hello, everybody. Not so long ago I started studying GSAP and fell in love with its features. I have achieved almost everything I wanted for my project and not long ago I started to study the Barba js bibliography. My question probably concerns GSAP + Barba interaction. If you open the project and scroll through not much to a block with a project called Blue (there are guys on a moto), you can click on the photo and you will be redirected to another page, absolutely the same. Apart from the fact that the first block says: this PROJECT PAGE or this INDEX PAGE First the gsap animation is played, and then there is a transition and at this point all my scripts stop working, you can see that the base scrollbar is back and smooth animation with ScrollTrigger stopped working. I saw an example of barba + gsap + locomotivescroll, but I don't know much about it yet and I'm asking you to look specifically at my example. Help me set up my script correctly so that my animation will play, and then the page will open and all scripts will work correctly. https://codepen.io/GeorgeDesign2020/project/editor/ZLrYEY
  22. this is just great! you are the best, thank you!!😍
  23. Thank you very much for your help! It got a little better again https://codepen.io/GeorgeDesign2020/pen/VwaBJJo?editors=1010 it's still not as smooth as the cubberto and it's very important... however, I can no longer distract you. You've helped me very much and with your help I almost got the result I wanted. I will study the documentation and maybe I can find a solution. Thank you again. somewhere exactly in the center of the text stops for a second and then continues its movement again. It is striking to the eye. It is this almost invisible stop scroll. I scroll to 50% of the screen approximately, I think you noticed).
  24. is not much better, but still something is wrong. I changed duration from 0.33 to 1 to make the transition smoother. But still, the text itself is a bit chaotic. What could be the problem? https://george-studio.webflow.io/untitled