[i use scrolltrigger in react and the simple runnig well but when i try to make with scrolltrigger it not do anything and it add an unknown maker to my window on top]

i found the error i just want remove scroller from the code and it work fine

[i use scrolltrigger in react and the simple runnig well but when i try to make with scrolltrigger it not do anything and it add an unknown maker to my window on top]

import React, { useEffect, useRef, useState } from "react";
import { motion } from "framer-motion";
import mypic from "../public/images/Untitled-transformed.jpeg";
import video from "../public/Videos/workportfilio.mp4";
import { useGSAP } from "@gsap/react";
import gsap from "gsap";
import { ScrollTrigger } from 'gsap/ScrollTrigger';

const Home = () => {

 const aboutsectiontextanimtion = useRef();
 const parentofaboutsectiontextanimtion = useRef()
  
  useEffect(() => {
    if (aboutsectiontextanimtion.current && parentofaboutsectiontextanimtion.current) {
      gsap.to(aboutsectiontextanimtion.current, {
        x: '30vw',
        scrollTrigger: {
          trigger: aboutsectiontextanimtion.current,
          scroller: parentofaboutsectiontextanimtion.current,
          scrub: 1,
          start: "top middle",
          end: "+=90",
          markers: true,
          pin: true,
          
        }
      });
    }
  }, []);

 return (
 <div ref={parentofaboutsectiontextanimtion} className="bg-blue-500 h-[140vh] rounded-lg w-full">
                <div ref={aboutsectiontextanimtion} className="text-7xl">acavasvasv</div>
              </div>
            </div>
            )
            

 

 

i reinstall all require node pacakges but it still not owrking

[how to play a video when page is triggered screen]

how to play a video when page is triggered screen 

[how to solve pin stuck problem at animation]

13 hours ago, Rodrigo said:

Hi,

 

This seems related to the fact that you're using height: 100% in all your elements. Better use 100vh, that seems to work the way you intend:

 

 

 

Finally it seems that you posted here as well:

 

If you create a new thread there is no need to post in other threads, is better to keep everything focused on just one thread, so if it's OK I'll go ahead and delete that post so we can track this one instead.

 

Hopefully this helps.

Happy Tweening!

thank you again 

[GSAP Markers weird behaviour]

13 hours ago, Rodrigo said:

Hi @kanishk soni,

 

Unfortunately there is no codepen link in your post and I don't see anything odd in the code you pasted. The only suggestion would be use vh instead of height: 100% and adding a height to the html and body elements.

 

If you keep having issues, remember to include a minimal demo.

Happy Tweening!

thank you very much

[how to solve pin stuck problem at animation]

hi every one i face a wired problem using gsap when i use markers property it create a new div to show markers when use pin property it stuck at pin can someone help i don't  understand the problem  

See the Pen YzMYOKX by kanishk1122 (@kanishk1122) on CodePen

[GSAP Markers weird behaviour]

 thank you