Jump to content
Search Community

fd988-dawp56-hfd23

Members
  • Posts

    3
  • Joined

  • Last visited

fd988-dawp56-hfd23's Achievements

  • Week One Done
  • One Month Later
  • One Year In

Recent Badges

1

Reputation

  1. Hi guys, I updated the Codepen and removed a lot of unnecessary code. I did manage to fix the issue, although I am not quite sure how. I will now try to fix it on my main project and once I find out what the problem was, I will make sure to write it here, as this might help another individual that is struggling with this problem.
  2. Hi Jack, First of all, thank you for taking the time to give me an appropriate answer. I understand that this might be too much code for people to dig in. Although I was hoping that this might be a common Problem and people would not need to go into the code as much and that this is a common problem. I appreciate you mentioning the CSS transitions. I think I will just rewrite everything properly and perhaps then I will find the problem. Just to avoid any unnecessary problems, I was wondering how you would go about positioning an element off the screen. I would do it with either position: relative, or position: absolute and then to position it outside of the screen (left side for example) right: 101vw; or something along those lines. Is there a better way of doing this, that I might have missed somehow? Thank you.
  3. Hello Guys, I've been looking around the internet and this forum for some time and I could not find a fix whatsoever. I am currently working on my finals project and I've come across this white-space problem which seems to only occur on mobile devices. (In my case: iPhone 11) I included a codepen (https://codepen.io/benvi/pen/KKwbzON) on which you can see the problem yourself. On a PC or Laptop, there will be no whitespace on the right side, however if you inspect this codepen on your mobile device you will notice while the animation hasn't finished playing, you can scroll all the way to the right like 1000px or something and as soon as all the elements that came in animated are finished with their animation, the whitespace somehow magically disappears and you can no longer swipe to the right. I am not quite sure how this affects a mobile device but not a pc or laptop. I am fairly new to GSAP and I am sorry if this has already been answered somewhere. Could you possibly teach me to properly position elements off the screen (to animate them in later) without causing excessive amounts of whitespace? Thank you guys!
×
×
  • Create New...