오른쪽 배너 스크롤시 따라 다니기 > jquery

본문 바로가기

회원로그인

회원가입

jquery

소스 오른쪽 배너 스크롤시 따라 다니기

페이지 정보

profile_image
작성자 최고관리자
댓글 0건 조회 745회 작성일 20-06-30 13:44

본문

    <script>
    // aside_phone => <div id='aside_phone'></div>

    function func_banner() {
        $(window).scroll(function() {
            var scrollTop = $(window).scrollTop();      // 현재 스크롤 위치를 가져온다.
            var floatPosition = parseInt($("#aside_phone").css('top'));     // div 위치가져오기
            
            //$("#view").text( scrollTop + "::" + floatPosition );
            if (scrollTop < 800 && scrollTop < floatPosition) {            // 800 : 오른쪽 배너 처음 위치
                var newPosition = floatPosition + "px";

            } else {
                var newPosition = scrollTop +  "px";
            }


            $("#aside_phone").css('top', newPosition);
            $("#aside_phone").stop().animate({
                "top" : newPosition
            }, 500);

        }).scroll();
    }

    </script>



https://jsfiddle.net/JangSeongeun/dqddL01z/ 

댓글목록

등록된 댓글이 없습니다.