테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

스크롤이 움직인 후에 제이쿼리 적용 채택완료

강끄끄 7년 전 조회 1,927
답변 2
목록

 

안녕하세요

 

궁금한게 있어 질문드립니다.

 

헤더부분을 스크롤 위치에 따른 스타일변화를 주기위해

 

제이쿼리로 

 

</strong></p>

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

            if($(this).scrollTop() > 100 ) {</p>

<p>              //스타일</p>

<p>            }else{</p>

<p>              //스타일</p>

<p>            }</p>

<p>    });</p>

<p><strong>

 

이런 형식으로 스타일을 주고있습니다. 

 

하지만 적용해보면 스타일이 웹을 실행하자마자 적용은 안되지만

 

스크롤을 이동하면 정상적으로 실행이 됩니다 ㅠ

 

스크롤 움직이지 않고서도 바로 제이쿼리를 적용할수 없나요 ?

#그누보드5
댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
마
마르스컴퍼니 Expert
7년 전

</p>

<p>    $(function() {</p>

<p>       // 스타일 (초기)</p>

<p>    });</p>

<p> </p>

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

            if($(this).scrollTop() > 100 ) {

              //스타일

            }else{

              //스타일

            }

    });</p>

<p>

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

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

천
천사별
7년 전

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

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

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

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

로그인