Jump to content

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


  • Posts

  • Joined

  • Last visited

About scavaliere

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

scavaliere's Achievements

  1. Hello everyone and TIA for all your support! I am making a landing page with GSAP, ScrollTo and ScrollTrigger plugins. As you can see from the Codepen, there is a simple scrolling animation with a specific duration on page load. The animation brings the user smoothly from A section to C section. While on Safari and Firefox (Win and Mac), the animation starts smoothly and correctly, on Chrome and Android browsers (Mi Browser in my case) it stops and it doesnt' run but after some seconds. It seems that duration in this case is read by Chrome like a delay and not the duration of the entire animation. The pen on Chrome explain exactly the problem, while on Safari or Firefox is running good. Anyone has an idea how to fix this strange behavior ? Thank you!
  2. Hello @akapowl, sorry for updating the original codepen, I thought it would be easier to track the changes. I'll revert to initial pen. About the question: sorry again, maybe I wasn't clear enough. What I mean is that when I click on the anchor on my website with the snap script you suggested, the scroll STARTS but SNAPS continuously section by section. It doesn't go directly to the anchor I need. I attach a little video to make it clearer. As you can see from the video, when I click on the link on top, the scroll first snap (slowly) to next section, then it anchors to the right one. It seems the anchor goes section by section while scrolling. Hope you can help video.mp4
  3. Hello @akapowl! I've checked the other post you linked. In my case the link is triggering a section scroll once the menu item is clicked but it doesn't reach the correct anchor. One click, one scroll. I would need a scroll to the right anchor. In that case I think every button works for every section but I have a single menu item that needs to anchor to the end of the page.
  4. Hello @akapowl ! Thank you for the reply. The snapping is working well, but when I use an anchor link (in a menu for example) it doesn't work correctly. It goes section by section without anchoring or the anchor is wrong in first instance. I updated the codepen.
  5. Hello everyone! I'm using GSAP ScrollTo and ScrollTrigger plugins. What I am trying to achieve is the immediate snap from section to section. Now, I need to scroll almost at the end of the section to make the next snap. I have already tried some solutions found on the forum like without results unfortunately. I attach my Codepen. Can someone help me to find a solution? Thank you in advance!
  6. Hello @Shaun Gorneau! Thank you for your effort in solving my issue! I've seen the codepen, in fact is working but it gives different results on different resolutions. When I decrease the resolution and the height of the window, the scroll is not correct. However it's a great starting point! I will work on it and I will also wait your possible updates! Thank you again!
  7. Hello everyone! I have made a wrapper with some div in absolute positioning to make them overlaying. I need two kind of animations: 1) ScrollTrigger driven, while I scroll the divs appear and disappear in fade 2) On button click, a section fade out and the next fade in. WHAT I GET: My problem is that if with scroll trigger it works correctly, when I click on a button the animation is correct but it seems unlinked to ScrollTrigger animation. In few words when I click on the button the animation runs correctly but, when I use scroll top or down, the just animated div keeps appearing and duplicated. It disappears only when I finish a full scroll. You can see it if you scroll on the second section (layered pinned divs) and click on "CHANGE" block read more. It runs the animation, in fact "CONNECT" div appears slowly, but after the animation if I scroll the div remain there. WHAT I NEED: I would need the animation to be "aware" of the div I am animating so: 1) when I click on first read more, the animation should make the second div appear 2) the div shouldn't be duplicated when I start scrolling again. The scrolltrigger animation should be linked to the button animation. Hope it's clear. Thank you in advance for all your suggestions! Have a nice day!
  8. Hello Shaun, it works perfectly ! Thank you!
  9. Hello! I would like to know if it's possible to have a smoothscroll effect on layered pinned divs. In my codepen seems not to work, when I click on link it jumps without scrolling in a smooth way. I'm using ScrollTrigger and ScrollTo plugins. Thank you in advance!
  10. Hello! I've made a div rotation effect with different cards. On my Codepen I wasn't able to replicate the same behavior (it works perfectly) but on my production site the first time the page is loaded , when I click on the wheel the rotation stops (and it's ok) but I can't drag anymore. The rotation works if I move mouse from left to right, but not from top to bottom. If I reload the drag works again without problems. What can be the cause? Any ideas? I will happy to give more information if needed. Thank you in advance!
  11. Thank you @Shaun Gorneau ! Sorry but I'm a newbie Thanks for the corrections. I'll take a look to the pen.
  12. Hello everyone! I am trying to make a sequential animation inside a pinned section where the plus icon finish to rotate from left to right and - when the animation is finished - the text block starts to appear till the end of animation. Now the animations seem to be synched. I am using ScrollTrigger. Anyone can help? Thank you in advance!
  13. Hello! I finally found a solution Thank you for all your suggestions ! I updated my final codepen on top!
  14. Thank you @mikel and @Shrug ¯\_(ツ)_/¯ ! I'll give it a try and I will post here back my solution!
  15. Hello @mikel! Thank you again. It's really near to what I need but the entire wheel should be draggable.