스크롤이 움직인 후에 제이쿼리 적용
본문
안녕하세요
궁금한게 있어 질문드립니다.
헤더부분을 스크롤 위치에 따른 스타일변화를 주기위해
제이쿼리로
$(window).scroll(function(){
if($(this).scrollTop() > 100 ) {
//스타일
}else{
//스타일
}
});
이런 형식으로 스타일을 주고있습니다.
하지만 적용해보면 스타일이 웹을 실행하자마자 적용은 안되지만
스크롤을 이동하면 정상적으로 실행이 됩니다 ㅠ
스크롤 움직이지 않고서도 바로 제이쿼리를 적용할수 없나요 ?
답변 2
$(function() {
// 스타일 (초기)
});
$(window).scroll(function(){
if($(this).scrollTop() > 100 ) {
//스타일
}else{
//스타일
}
});
body onload에도 적용하면 처음시에도 실행됩니다.
답변을 작성하시기 전에 로그인 해주세요.
