제이쿼리(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 |
'개발' 카테고리의 다른 글
[html][보안 콘텐츠만 표시됩니다.] 메시지가 나타나는 증상 (0) | 2014.06.13 |
---|---|
[.net] allowDefinition='MachineToApplication' 오류 (0) | 2014.06.13 |
[jquery] 퀵메뉴 (0) | 2014.06.11 |
[javascript] 아이프레임 스크롤 표시안함, 테두리 삭제 (0) | 2014.06.11 |
[jquery] 특정 엘레멘트 위치까지 스크롤 자동 이동 (0) | 2014.06.10 |