인트로 한 번만 작동하게 코드 좀 봐주세요 ㅠㅠ

인트로 한 번만 작동하게 코드 좀 봐주세요 ㅠㅠ

QA

인트로 한 번만 작동하게 코드 좀 봐주세요 ㅠㅠ

본문

<section class="intro">
    <div class="img_wr"><img src="https://giresvenin2.cafe24.com/web/upload/img/logo.svg"></div>
</section>

 

<script>
    const animationOptions = {
        ease: 'expo.inOut'
    }

    const introAnimation = () => {
        const tl = gsap.timeline({
            defaults: {
                ease: animationOptions.ease,
                duration: 1,
            }
        });

        tl.to('.intro__title', {
            duration: 1.5,
            y: 0,
            autoAlpha: 1,
            delay: 0.5,
        })

            .to('.intro__title', {
            duration: 1.5,
            y: -60,
            autoAlpha: 0,
        }, '-=0.6')

            .to('.intro', {
            y: '150%',
            duration:3,
        }, '-=0.8')

        return tl;
    }


    const skewInElements = elements => {
        const tl = gsap.timeline();

        tl.from(elements, {
            duration: 1,
            ease: animationOptions.ease,
            skewY: -5,
            autoAlpha: 0,
            y: 40,
        })

        return tl;
    }

    const fadeInElements = elements => {
        const tl = gsap.timeline();

        tl.from(elements, {
            duration: 1,
            ease: animationOptions.ease,
            y: '50px',
            autoAlpha: 0,
            stagger: 0.1,
        })

        return tl;
    }

    const master = gsap.timeline({
        paused: false,
        delay: 0.2,
    });

    master
        .add(introAnimation())

</script>

 

현재 인트로 진입 코드입니다

처음 페이지 진입시에만 이 인트로가 작동하고 서브페이지 갔다가 다시 메인 진입하면 안 나타나게 할 수 있을까요 ???? 고수님들 코드 알려주시면 감사하겠습니다 ㅠㅠ 제 머리론 여기까지가  ...ㅠㅠㅠㅠ 

이 질문에 댓글 쓰기 :

답변 1

팝업 오늘그만보기 코드 참고해서

쿠키나 세션으로 구워서 if문으로든 적용하면 될거같네요

답변을 작성하시기 전에 로그인 해주세요.
전체 61,093
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT