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
hello, I'm using this sliding sections https://codepen.io/GreenSock/pen/YzyaKrq 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?
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
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?
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
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
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
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>
```
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
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