안녕하세요
궁금한게 있어 질문드립니다.
헤더부분을 스크롤 위치에 따른 스타일변화를 주기위해
제이쿼리로
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{
//스타일
}
});
2018-06-14 (목) 09:33:35
body onload에도 적용하면 처음시에도 실행됩니다.
답변을 작성하려면 로그인이 필요합니다.