채택완료

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

2018-06-14 (목) 09:20:52 2,053

안녕하세요

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

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

제이쿼리로 

Copy
$(window).scroll(function(){
            if($(this).scrollTop() > 100 ) {

              //스타일

            }else{

              //스타일

            }

    });

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

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

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

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

|

답변 2개

채택된 답변
+20 포인트
2018-06-14 (목) 16:40:00
Copy
$(function() {

       // 스타일 (초기)

    });

 

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

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

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