스크롤이 움직인 후에 제이쿼리 적용

Question

안녕하세요

 

궁금한게 있어 질문드립니다.

 

헤더부분을 스크롤 위치에 따른 스타일변화를 주기위해

 

제이쿼리로 

 

[code]

    $(window).scroll(function(){
            if($(this).scrollTop() > 100 ) {

              //스타일

            }else{

              //스타일

            }

    });

[/code]

 

이런 형식으로 스타일을 주고있습니다. 

 

하지만 적용해보면 스타일이 웹을 실행하자마자 적용은 안되지만

 

스크롤을 이동하면 정상적으로 실행이...

마르스컴퍼니 · Accepted Answer

[code]

    $(function() {

       // 스타일 (초기)

    });

 

    $(window).scroll(function(){
            if($(this).scrollTop() > 100 ) {
              //스타일
            }else{
              //스타일
            }
    });

[/code]

천사별 · Answer

body onload에도 적용하면 처음시에도 실행됩니다.

스크롤이 움직인 후에 제이쿼리 적용

답변 2개

공유하기