[scrollTrigger problem]

Thank you!

[scrollTrigger problem]

I'm trying to reveal each image when user reach to it's container but it doesn't work 

See the Pen JjqRqym by nora10 (@nora10) on CodePen

[problem with trigger]

Thank You!

[problem with trigger]

hello, I'm Trying to create horizontal parallax scroll

the problem in trigger when I write .container as  trigger it doesn't work but when I put class that doesn't even exist  it work as I wanted 

 

also in floor background how can I Stretched the image to make it fill 400vw width ?

 

(view the demo in full page to see the floor image)

See the Pen PovNaBK by nora10 (@nora10) on CodePen

[Scroll Snapping doesn't work correctly]

does is work with you with mouse wheal?

[Scroll Snapping doesn't work correctly]

no need for demo because it's exactly like the one above and I have to click to body first then move down with arrow.. also when I scroll using mouse wheal doesn't scrolling at all

[Scroll Snapping doesn't work correctly]

hello, I'm using this sliding sections    on my website

 

the problem is I have to click on body to make pages sliding.. how I prevent this and make it sliding when user click arrow down?

See the Pen YzyaKrq by GreenSock (@GreenSock) on CodePen

[how to do scroll snapping then scroll as regular]

Is it possible to scroll snapping then scroll as regular?

I try it but the last section (which is the one is suppose scroll regularly  ) doesn't scroll on keyboard arrows I should to click the scrollbar to scroll

 

  

See the Pen rNqZVvR by nora10 (@nora10) on CodePen

[pinning text on scroll horizontal]

Thank you!

[pinning text on scroll horizontal]

Hello, I'm Trying to pinning text in center of screen on horizontal scroll  but pin and fixed position not working.. how can I pin element on scroll horizontal?

See the Pen abRydJE by noX10M (@noX10M) on CodePen

[move element one by one on horizontal scroll]

Thank You!

[move element one by one on horizontal scroll]

hello,

I have images and I want every image when it reach to specific point of screen move up and when pass that point reset to original state one by one not all of them together .. it work fine on vertical scroll but not horizontal 

 

See the Pen ZEqpJrE by nora10 (@nora10) on CodePen

[changing body background color - toggleActions]

hello, I'm Trying to change body background color depends on where the user scrolling,

at begging it's blue background then at section two on h1 tag it's black and at slider it's red 

the animation reverse using toggleActions 

so when I scrolling back to section two on h1 tag it should be black background not blue

 

See the Pen oNPzWQw by nora10 (@nora10) on CodePen

[text highlighted when scroll scrollTrigger]

Hello, I'm trying to make text highlighted when scroll, every time when I click down arrow key the next text is highlighted

I provide demo code but it's not fully work, some line I have to press the key twice instead of one 

See the Pen gOjVQPB by nora10 (@nora10) on CodePen

[ScrollSmoother is not defined]

I'm Trying to apply ScrollSmoother but it say ScrollSmoother is not defined

 

```

gsap.registerPlugin(ScrollTrigger, ScrollSmoother);

```

 

```

 

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/gsap.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/ScrollTrigger.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script>

```

 

 

[sticky sidebar in horizontal scroll]

Thank You!

[sticky sidebar in horizontal scroll]

I'm Trying to make fixed sidebar but when create horizontal scrolling it doesn't work

See the Pen oNMBMLr by noX10M (@noX10M) on CodePen

[the start and the end of pinning in horizontal scroll]

hi 

I want to now how I start another animation after I finish scrolling horizontally 

so as it show in demo the main div (green div) and pink div appears at same time  in viewport when I scrolling 

 

how can I fix this? I want when I finish scrolling horizontally the green div came to viewport

See the Pen eYKyBxR by nora10 (@nora10) on CodePen

[zoom in image then scrolling horizontally]

thank you for advising

I already put a minimal demo to explains the problem

The problems:
-when I scrolling, and after the text appear there is a black screen is showen 
- after blue div the image that I zooming in is showen 

 

what I'm expecting:

- scrolling to zoom image 
- text appear with the video playing
- scrolling horizontally to reach red div 
- scrolling vertically to reach blue div

 

and sorry if that not clear my English is not good

[zoom in image then scrolling horizontally]

Hey

The problems:
-when I scrolling, and after the text appear there is a black screen is showen 
- after blue div the image that I zooming in is showen 

 

what I'm expecting:

- scrolling to zoom image 
- text appear with the video playing
- scrolling horizontally to reach red div 
- scrolling vertically to reach blue div

 

Thank You in advance!

See the Pen mdxGdxQ by nora10 (@nora10) on CodePen

[take 4 duration to appeared and 1 duration to disappeared gsap scrollTrigger]

is it possible to make a text take 4 duration to appeared but 1 duration to disappeared?

 

See the Pen mdxGdxQ by nora10 (@nora10) on CodePen

[make the text faded when the image scaling up gsap scrollTrigger]

hello, how can I make the text faded immediately when the image scaling up? 

 

See the Pen mdxGdxQ by nora10 (@nora10) on CodePen

[scaling up image then hide it]

I'm trying to zoom in into the video playing in laptop but the problem  is the image that scale it appeared in the bottom of page , how can I hide it 

 

See the Pen mdxGdxQ by nora10 (@nora10) on CodePen

[two elements with same class(]

Yes, that's what I want.. THANK YOU! 

[two elements with same class(]

I'm working on GSAP and I have two elements in different pages have same class and I want to apply on them animation using scrollTrigger when I reach to the element...if there a way I can do this in on function instead of given to them a specific class and repeating my self?

See the Pen XWEmeJQ by noX10M (@noX10M) on CodePen