스크롤시 고정되는거요~

스크롤시 고정되는거요~

QA

스크롤시 고정되는거요~

답변 1

본문



    $(document).ready(function(){
        new WOW().init();
        $(window).scroll(function(){
            let scrollTop = $(window).scrollTop();
            scrollTextMove(scrollTop);
            if($(window).width() >= 1024){
                $(".mask-image-wrapper").removeClass("off");
                scrollImgMove(scrollTop);
            }else{
                $(".mask-image-wrapper").addClass("off");
            }
            if(scrollTop > 0){
                $("header").addClass("on");
            }else{
                $("header").removeClass("on");
            }
            let navHt = $("header").outerHeight() + 20;
            let scrollFixContainer = $("section#promiseWrap .info-wrapper.pc");
            let scrollFixTarget = $("section#promiseWrap .info-wrapper.pc .info__image-01");
            let scrollFixStart = scrollFixContainer.offset().top - navHt;
            let scrollFixEnd = scrollFixStart + scrollFixContainer.outerHeight() - scrollFixTarget.outerHeight();
            if(scrollTop < scrollFixStart){
                scrollFixTarget.removeClass("on").removeClass("bottom");
            }else if(scrollTop >= scrollFixStart && scrollTop < scrollFixEnd){
                scrollFixTarget.removeClass("bottom").addClass("on");
            }else if(scrollTop >= scrollFixEnd){
                scrollFixTarget.removeClass("on").addClass("bottom");
            }
        });
 

 

컨텐츠가 스크롤 시 왼쪽박스가 고정되는 스크립트인데요

고정되는걸 하나 더 만들고 싶은데 저 소스 그대로 복사해서 클래스명만 바꾸니깐 안되더라구요~

어떻게 해야하나요? 디자이너에요 알아 먹기 쉽게 코드로 만들어 주심 진짜 감사하겠습니다~~

이 질문에 댓글 쓰기 :

답변 1

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 129,102
© SIRSOFT
현재 페이지 제일 처음으로