ScrollSmoother with background-attachment: fixed

[ppistecky]

I'm trying to use ScrollSmoother with an element with a fixed background-attachement. Without the ScrollSmoother it works fine... 

 

 

See the Pen bGJxmOq by ppistecky (@ppistecky) on CodePen

[Sahil]

Fixed background only works if element and any of its parent element doesn't have any transform applied or doesn't have position set to fixed. In order to create scroll effect, ScrollSmoother wraps content in a fixed parent, you can see this by inspecting from dev tools.

 

To achieve this effect in ScrollSmoother, you will need to position the image manually.

See the Pen GRLXaGJ by SahilAFX (@SahilAFX) on CodePen

 

[GreenSock]

Another option: just use a super small data-speed: 

See the Pen rNbqwMQ?editors=1010 by GreenSock (@GreenSock) on CodePen