테스트 사이트 - 개발 중인 베타 버전입니다

퀵메뉴 하단문의 채택완료

도현박 2년 전 조회 2,570

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

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

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

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
e
2년 전

처음에 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);

        });</p>

<p>        $(window).scroll(function(){

            var scroll = document.documentElement.scrollTop;

            if( scroll>0 ){

                $(".header").stop().animate({

                    "top":"-34px"

                }, 300);</p>

<p>                $(".floating").stop().animate({

                    "bottom":"0"

                }, 300);</p>

<p>                // $(".vb_cont").stop().animate({

                //     "height":"0"

                // }, 300);

                

                $(".new_news_wrap").hide();

            } else { 

                $(".header").stop().animate({

                    "top":"0"

                }, 300);</p>

<p>                // $(".vb_cont").stop().animate({

                //     "height":"95px"

                // }, 300);</p>

<p>                $(".new_news_wrap").show();

            }</p>

<p>            if (($(window).innerHeight() + $(window).scrollTop()) >= $("body").height()) {

                $(".floating").stop().animate({

                    "bottom":"142px"

                }, 300);

            } else { }

        });

    </p>

<p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인