퀵메뉴 하단문의

퀵메뉴 하단문의

QA

퀵메뉴 하단문의

본문

예시사이트 보시면 풀페이지로 하단에 있다가 

푸터에서 상단으로 올라가더라구요 

혹시 어떻게 이렇게 처리되는지 알수있을까요 ?

이 질문에 댓글 쓰기 :

답변 1

처음에 bottom:0 로 있다가.. 스크롤이 내려가면..

아래 카피라이터 만큼 bottom:142px 로 수정해주는 겁니다.

개발자도구에서 floating 으로 검색하시면 관련 소스 확인 가능


        $(window).bind('resize load', function(){
            var wh = $(window).height();
            var ww = $(window).width();
            var h_110 = wh - 110;
            var h_122 = wh - 122;
            // $(".full_section").css("height",wh);
            $(".full_section").css("height",wh);
            $(".mv_wrap").css({"width":ww,"height":h_110});
            $(".mv_list").css("height",h_110);
            $(".s4").css("height",h_122);
        });
        $(window).scroll(function(){
            var scroll = document.documentElement.scrollTop;
            if( scroll>0 ){
                $(".header").stop().animate({
                    "top":"-34px"
                }, 300);
                $(".floating").stop().animate({
                    "bottom":"0"
                }, 300);
                // $(".vb_cont").stop().animate({
                //     "height":"0"
                // }, 300);
                
                $(".new_news_wrap").hide();
            } else { 
                $(".header").stop().animate({
                    "top":"0"
                }, 300);
                // $(".vb_cont").stop().animate({
                //     "height":"95px"
                // }, 300);
                $(".new_news_wrap").show();
            }
            if (($(window).innerHeight() + $(window).scrollTop()) >= $("body").height()) {
                $(".floating").stop().animate({
                    "bottom":"142px"
                }, 300);
            } else { }
        });
    
답변을 작성하시기 전에 로그인 해주세요.
전체 1,020
QA 내용 검색

회원로그인

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