Jump to content
Search Community

Nora

Members
  • Posts

    21
  • Joined

  • Last visited

Everything posted by Nora

  1. does is work with you with mouse wheal?
  2. 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
  3. 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?
  4. 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
  5. 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?
  6. 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
  7. 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
  8. 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
  9. 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> ```
  10. I'm Trying to make fixed sidebar but when create horizontal scrolling it doesn't work
  11. 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
  12. 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
  13. 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!
  14. is it possible to make a text take 4 duration to appeared but 1 duration to disappeared?
  15. hello, how can I make the text faded immediately when the image scaling up?
  16. 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
  17. Yes, that's what I want.. THANK YOU!
  18. 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?
×
×
  • Create New...