묻고답하기
제이쿼리 해석좀 해주세요.
2015.09.05 13:30
$(document).ready(function(){
$(window).scroll(function() {
if($(this).scrollTop() > 143) {
$("#linebar").addClass("meun");
$("#linebestber1").css("margin-top", "60px");
$("#linebestber2").css("margin-top", "60px");
}
else {
$("#lineber").removeClass("meun");
$("#linebestber1").css("margin-top", "30px");
$("#linebestber2").css("margin-top", "30px");
}
});
이거 코드 해석하면 무슨내용인인가요?
그리고 if랑
$(this)는 무슨뜻이고 무얼가리키는건가요?
댓글 3
-
이거 말고도 제이쿼리에 이해 안되는 부분 많으실듯....
시험문제인가요? 아니라면 솔직히 이야기하는게 중요합니다...
-
세진님이 잘 설명하셨네요.
if는 조건을 걸기 위한거고요 $(this)는 $(window)를 말하는걸겁니다.
즉 마우스를 내렸을때 스크롤이 143px 이상이 되면
$("#linebar").addClass("meun");
$("#linebestber1").css("margin-top", "60px");
$("#linebestber2").css("margin-top", "60px");이걸 실행시키고 그 값이 아니면 즉 마우스를 올렸을때
$("#lineber").removeClass("meun");
$("#linebestber1").css("margin-top", "30px");
$("#linebestber2").css("margin-top", "30px");이걸 실행하라는 말입니다.
# 는 id 값을 의미합니다
$(this) 는 function 을 지정한해당부분을 말하니, 여기선 window 가 되겠네요
내용은 대략 스크롤바 위치에 따라 상단에 어떤 효과를 주는거겠네요.