Jump to content
Search Community

Publipresse

Premium
  • Posts

    5
  • Joined

  • Last visited

About Publipresse

Publipresse's Achievements

  1. I tested both, and here is my feedback. The real big plus of scrollsmoother is the extra integration you have with scrolltrigger, you can create simple parallax effects just by using data attributes. But there are downsides too. You lose some browser core features mainly due to the fact that it "mimic" scroll in the page by using transform:translate on wrapper, so : - You can't search through the page with ctrl + f - On a phone, you can't swipe up when you are in the top of the page to refresh it - You need some extra markup in order to make it works - You can't use position:fixed or position:sticky css rules the way you use to it (there are workaround for this but it need some adaptation) About Lenis, the big plus is that it's a real scroll replacement, so all browser scroll features listed above works as expected. The only downside I noticed is that you lose the feature to create simple parallax effects by using data attributes. Now you can choose the right library depending on your need.
  2. Same than mvaneijgen, as all my blocks are absolute optitionned in front of each other, they have the same scroll position in the page, so, playing with the scroll don't work
  3. Hello, Thank you for the answer. That solution don't work because as you can see in the video, all my element have the same scroll position as they are on top of each other (all absolute optitionned in a relative parent div).
  4. Hello, I have a scrollTrigger animation that works well actually, here is the code : var triggers = []; slides.forEach(function(el, i) { triggers[i] = gsap.to(el, { width: '100%', ease: Linear.easeNone, scrollTrigger: { trigger: el, pin: slider, pinnedContainer: slider, start: "center center", end: '+='+end+'%', scrub: 0.5, snap: { snapTo: 1, directional: false, delay: 1, }, }, }); }); I also have buttons that go to the start of each animation when I click on it, also works : buttons.forEach(function(el, i) { el.addEventListener('click', function(e) { const scrollTrigger = triggers[i].scrollTrigger; scrollTrigger.scroll(scrollTrigger.start); }); }); My only issue is that, when I click on the button, the animation that goes to the scroll start is super fast. When I scroll using the mousewheel, it's nice and smooth, but when I click on buttons, it's practically instand jump, how can I control the speed here ? See the video to understand the issue : https://www.loom.com/share/45be203f47a6462196735f9ab8af90d9 Thank you
  5. Hi eveybody, I'm just beginning to use greensock TweenMax in a Android project I'm using Flash CS5.5, last version af TweenMax When I saw this old thread, first I was happy to see that I 'm not alone, but unhappy to see that's the problem hasn't been corrected When using GPU rendering in a Android project with GlowFilter plugin, no glows appears on the screen of my android device (Sony Tablet S) It works if I render with CPU rendering or if I test on my PC So, what can I do ??
×
×
  • Create New...