Jump to content

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


  • Content Count

  • Joined

  • Last visited

Community Reputation

5 Newbie

About emjay

  • Rank
  1. Hello @ZachSaucier, thanks for your message, but that didn't help, when I have a desktop viewport and load the page or the pen, the navigation is hidden with inline styles (opacity: 0). But in this case I want it to be visible. https://codepen.io/emjay/pen/642c1a8a34ad7790ac80272c6c281d1f
  2. Hello GSAP friends, in my pen you can see a navigation that opens from the right side on mobile and should be displayed normally on desktop. The animation for mobile works as expected, but I have problems to make the navigation visible on desktop because of the inline styles set by gsap. If you expand the navigation and drag the viewport larger the navigation remains visible because the inline styles are correct in this case. But in the default state the navigation is not visible because of inline styles like opacity = 0. Do you have a tip for me, how I should either remove t
  3. Hello @all A small question about the following pen. When the timeline has run through and restarted there is a short pause. I have tried several things, but I can't get rid of this pause. Can anyone tell me how I can remove this pause? Additionally the reverse is not working great, what I'm do wrong? Then I would like to know if my procedure is ok or if there is an easier procedure I should choose. And last but not least, if someone knows a good easing to make the shaking a little bit nicer, I would be glad to get some information about it.
  4. Good Morning @GreenSock, Thanks for the background information on how everything works. I have now gained some more useful insight into ScrollTrigger. With the settings you recommended, the problem described above has disappeared. Thanks for your great help as always. Maybe you could think about adding this setting to your Greensock Cheatsheet. But maybe this is already too special a setting. Have a nice Day! emjay
  5. Hello @ZachSaucier, i totally agree with you and understand the refreshing concept, but the problem is a different one I think, because the resizing is finished. The animation works, but when I scroll up again, a wrong value is set inline, see my video for a little bit more detail. As you can see I scroll up and down several times, and scrollTrigger always adjust the values until finally a px value of 543,933px is set. Then I make the viewport a bit narrower and it looks good at first, but suddenly the old value of 543,933px is set, although the window is narrower now
  6. Hello, i have made a pen from a little problem that occurs when resizing. Take a look at the attached gif. Everything works when the page is loaded initially. If you enlarge the screen a little bit there will be a space added between the images when you scroll up a bit. Is this in a problem with savestyles? Maybe someone has have a hint how I can avoid this. :) Thanks emjay
  7. Hi @ZachSaucier, thanks for your tips for simplification. This makes everything look even clearer and easier to understand. I have updated the pen, so that other people can benefit from it too. Thanks and all the best Martin
  8. Hi Folks, in the following pen I have a 6 boxes in a row, and I want to fade-in a certain number of boxes at the same time, as long the breakpoint that show's all at the same time isn't reached. My example works, but I have the feeling to have overcomplicated it. Can you take a look at it and tell me if there is a way to improve it? I would have loved to work with stagger, but couldn't find a way to use it. Thanks, Martin
  9. Hello @all, In the following pen I use 2 timelines. One is played right after loading the page and shows the arrow. After that the span element is shown for a short time and disappears again. In addition I want the "show and hide" effect from the span element to be triggered on hover of the arrow. But this only works if I remove the "show and hide" effect fron the intro. I think the problem is the following: When the intro is done, the span has set visibility:hidden and opacity:0 inline, and on hover only the translate3d attribute is changed inline, but not
  10. @mvaneijgen I'm currently testing it to make sure that it always works, as soon as I update the pen with it I'll record the result here.
  11. Thanks again @mvaneijgen this helped a lot. I'm now also looking on page load if there is an hash in the url and then scroll to the desired section! Martin
  12. Hello @mvaneijgen, this is an interesting and nice solution, thank you very much for showing me this. I found one little problem, the scroll position isn't changed, so if I use button and then scroll it jumps to the actual scroll position. And one little question, would it be possible to animate to this label, just like if I would scroll? Something like "play to the defined label"? Thanks, Martin
  13. Hello Greensock fans, i have created a pen based on the Greensock example "Slide In Panels". However, I wanted to enable a jump to another panel from a panel. Since the panels are next to each other I don't know how to slide to the next panel. Is it possible to calculate this somehow based on the height of the elements? I would be happy about feedback from you. Thanks and Happy Gsapping
  14. Hello Jack @GreenSock, thanks for re-reading and posting a solution. I updated my demo pen and tried the solution. Like all your stuff, it works great, thanks so much for helping with this problem. https://codepen.io/emjay/pen/0cb7376d2d2ff34bff65a1b1bd633faa?editors=0011 Thanks again, Martin