jrh

I think this might be down again? Getting: FetchError: request to https://npm.greensock.com/@gsap%2fshockingly/-/shockingly-3.10.4.tgz failed, reason: connect ECONNREFUSED

Amazing! Thank you @GreenSock, that seems to work well..

Hey all, So I'm trying to figure out why this approach won't work in Safari. The CodePen link includes a really trimmed down version of a larger piece of functionality I'm building where content is fetched dynamically, placed in an element and scrolled to. After that, the previous content above is removed from the DOM. All this takes place in an 'overlay' element that is fixed in place and has overflow auto applied. This seems to work fine in all browsers, except for Safari. Where after the scroll animation and original content being removed, the scroll position goes all wonky. Just wondering if this is a known issue, if there are any fixes or if there might be a better approach altogether? Cheers. J

Thanks so much again @akapowl, really appreciate you sharing that solution so quickly. Seems to be working well! This community is awesome.

Hey @akapowl thanks for the welcome and the quick reply! So using this kind of pinned section in a page with a header, hero banner, other elements above and below plus a footer I need to wrap and pin the entire page? Are there any performance issues associated with this? Feels a bit like overkill, but I'll give it a try.

Hey there, Just wondering if I'm doing something glaringly wrong here.. Try and use a pinned horizontal scroll section, but the .pin-spacer element seems to add loads of height/padding bottom and throws out the layout of the page, particularly on wide monitors. But also happens on mobile when I reduce the size of the images in the horizontal section. I've attached screenshots showing the layout with scrollTrigger on and off. As you can see the footer is pushed way down the page when initialised. Essentially I just want those images to scroll horizontally then carry on scrolling normally at the end of the section. Let me know if there's anything else I might need to share. Cheers! ScrollTrigger enabled: