제이쿼리 질문드립니다~
440
작성한 질문수 14
선생님 안녕하세요~ 다름이 아니라 저는 제이쿼리 구문에
$(window).scrollTop()부분을 변수처리하여 적어보았는데요,
변수를 맨 위에 적었을 때는 스크롤이 이상하게 반응했었다가 사진대로 함수안에 변수를 적었더니 정상적으로 작동을 해서요~ 변수를 넣는 위치의 기준을 잘 모르겠어요..! 제이쿼리는 공부를 해도 가끔씩 변수의 위치가 너무 헷갈리더라구요..
답변 1
1
변수는 2가지인데 전역변수 지역변수 입니다.
전역변수는 말 그대로 스크립트 전역에 어디에서 사용가능한 변수이고,
지역변수는 말 그대로 지역(함수 내부)에서 사용하는 변수입니다.
이번 경우는 좀 특이한게 아래처럼 전역변수로 사용하시면 브라우저($(window))가 스크롤이 되는 순간에 scrollTop()의 위치에 따른 변화를 감지하는 것이라 이번 경우는 지역변수로 하셔야 합니다.
변수를 사용하지 않고 if( $(window).scrollTop() > 50) {...} 이렇게 직접 입력하셔도 상관없습니다.
<script>
// Change CSS with Scroll with jQuery
var w_top = $(window).scrollTop();
$(window).scroll(function(){
if( w_top > 50) {
$('header, .gototop').addClass('active')
}
else {
$('header, .gototop').removeClass('active')
}
})
</script>
0
포인트는 '브라우저($(window))가 스크롤이 되는 순간에 scrollTop()의 위치에 따른 변화를 감지하는 것'이기 때문에 지역변수를 써야한다는 점이네요! 감사합니다 궁금증이 해결되었습니다~
하드코딩으로 이미지맵(image map) 만들기
1
81
2
슬릭 슬라이더
1
149
2
position: fixed; 가 안먹혀요..뭐가 문제일까요?
1
168
1
반응형 fixed 안먹히는 문제
1
264
2
선생님
2
156
1
.news-thum .date 위치가 안맞아요
1
246
2
TypeIt - Welcome 부분이 적용이 안됩니다..
1
373
2
Scroll Reveal Animation 적용이 안되요
1
363
1
완성 후 각 섹션 display:none 주석 시 문제
1
385
3
브라우저를 줄일 때 화면 깨짐
1
639
2
welcome-heading 부분이 왜 저렇게 위치되는지 모르겠습니다.
1
342
1
제이쿼리 탭메뉴 클릭 질문
1
238
1
질문있습니다
1
550
1
질문있습니다.
2
647
2
슬릭슬라이더가 왜 안되는지 모르겠습니다
1
627
1
slick slider와 .ceo-content영역 겹침
1
721
1
span .badge 부분 참고하실분 하세요
2
334
1
플렉스를 안주고 그냥 패딩을 줘도 되지 않나요
1
332
1
창을 줄이면 위치가 이동되는 백그라운드 이미지
1
533
1
크롬창을 줄어들면 이미지가 작아짐
1
743
1
scroll behavior 오류
1
270
1
선생님 코딩좀 봐주세요..
1
405
3
왜 전 선생님과 화면이 다를까요?
1
372
3
따라했는데 이상합니ㅏㄷ..ㅠ
1
298
2