Jump to content
GreenSock

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

Nony

Members
  • Content Count

    6
  • Joined

  • Last visited

Community Reputation

1 Newbie

About Nony

  • Rank
    Newbie
  1. Okay so in layman's terms the initial paint calculate width as if there is no scroll bar. And when gsap does its magic and calculates the scroll to put on the page and to compensate to space taken by the scroll bar on the viewport it shows horizontal scroll bar this makes a lot of sense now thank you all for your immense support.
  2. Currently as a workaround I've used css to hide markers Note: Setting display: none !important brings back the initial issue. div[class^="gsap-marker-"] { visibility: hidden; opacity: 0; } this will hide all the marker elements created by scrollTrigger
  3. The culprit here is pin-spacer div created by gsap in my browser when markers are false the width of pin-spacer is 1830px. And when marker are true the width is 1813px
  4. Yes i see a horizontal scrollbar in the pen with markers set to false. I've attacked a screenshot of pen with markers true and false this with markers: false and this with markers: true
  5. Setting markers: true adds the markers to the DOM. In some circumstances this changes your total amount of scroll on the page. I'm not really understanding what you're asking about though. Could you try to explain it in a different way? Hey ZachSaucier, I'm trying to say that when i set markers to false i see a horizontal scroll bar but setting it to true the scroll bar dissappear which is expected behavior. So why setting markers to false is increasing with of the `pin-spacer` div created by gsap scrolltrigger.
  6. I'm using scrollTrigger to scale the svg used in clip path but the page width is slightly greater than 100vw and height also seem to be a bit more as my center component also scroll a bit up at the end but however when i set markers to true this problem is magically gone and im scratching my head to find a reason for this behaviour can someone help my understand this issue better #EDIT: This was because the initial page (without ScrollTrigger) has no scroll so when ScrollTrigger adds scroll to the page. I.e. Say your page is 1830px initially but then ScrollTrigger puts a 17px scrol
×