제이쿼리 애니메이션 질문입니다.
관련링크
http://greenolin.cafe24.com/
128회 연결
본문
제이쿼리관련해서 질문 드립니다.
실력이 부족해 부탁드립니다!~
웹사이트에서 스크롤을 내리면 제이쿼리를 먹어서 css가 변합니다..
그런데 애니메이션 효과를 줘서 천천히 변했으면 합니다.
배경을 이미지로도 주고 백그라운드로도 주면서 시도를 했는데 제가 실력이 없습니다.
아래 코드 확인 부탁드립니다.
배우면서 하고있습니다.
양해부탁드립니다.
$(window).scroll(function () {
var scrollMainBar = $(this).scrollTop();
if (scrollMainBar > 200) {
$(".main_sub").css("background-position", "235px 0px");
// $(".main_sub").animate({ : ' ', opacity: '0.4'}, "slow");
} else {
$(".main_sub").css("background-position", "0px");
}
});
});
답변 1
if(scrollMainBar > 200) {
$(".main_sub").animate({"background-position": "235px 0px"}, 1000);
} else {
$(".main_sub").animate({"background-position": "0px"}, 1000);
}
이런식으로 하면 될 것 같은데요??
1000에는 애니메이션이 지속될 시간을 입력하시구요.
http://api.jquery.com/animate/
한 번 확인해보세요!
애니메이션으로 주면... 조금 늦게 실행되더라구요...
말씀하신데로 한번 해보겠습니다!!~
감사합니다.
말씀하신데로 했는데 안됩니다..ㅜㅜ
답변 감사합니다.
답변을 작성하시기 전에 로그인 해주세요.
