How to scroll background image inside the container using scrolltrigger with parallax effect

[vinayskolkare]

See the Pen gOEBxVG by popjrluq-the-selector (@popjrluq-the-selector) on CodePen

[GSAP Helper]

Hi @vinayskolkare. I'm not sure what you're trying to do exactly - do you want to make the background appear to move vertically at a slower rate than the normal scroll? Or do you want to move it horizontally or something. Sorry, I just don't know what GSAP-specific question you're asking here. Please be more specific and give it a try yourself. I noticed that your CodePen doesn't use any GSAP whatsoever. And the code it does use is extremely inefficient. 

 

Here are some tips that will increase your chances of getting a relevant answer:

• A clear description of the expected result - "I am expecting the purple div to spin 360degrees"
• A clear description of the issue -  "the purple div only spins 90deg"
• A list of steps for someone else to recreate the issue - "Open the demo on mobile in IOS safari and scroll down to the grey container" 
• A minimal demo - if possible, using no frameworks, with minimal styling, only include the code that's absolutely necessary to show the issue. Please don't include your whole project. Just some colored <div> elements is great.

Would you mind clarifying your question please and making sure that you include a minimal demo that illustrates the problem so that we can help you?