개발

[javascript] 원하는 위치에서부터 스크롤 따라다니는 엘리먼트 생성

지승준 2014. 6. 11. 22:34

제이쿼리(jQuery) 원하는 위치에서부터 스크롤 따라다니는 엘리먼트 생성

Script

1
2
3
4
5
6
7
8
9
10
11
12
13
$(window).scroll(  
    function(){  
        //스크롤의 위치가 상단에서 450보다 크면  
        if($(window).scrollTop() > 450){  
        /* if(window.pageYOffset >= $('원하는위치의엘리먼트').offset().top){ */  
            $('엘리먼트').addClass("fix");  
            //위의 if문에 대한 조건 만족시 fix라는 class를 부여함  
        }else{  
            $('엘리먼트').removeClass("fix");  
            //위의 if문에 대한 조건 아닌경우 fix라는 class를 삭제함  
        }  
    }  
);  
cs


CSS

1
2
/* _position:absolute는 ie6에서도 동일한 효과(position:fix)를 주기 위한 css핵 */  
.fix{position:fixed;_position:absolute;width:100%;top:0;z-index:100
cs