스크립트 스크롤 이벤트 인식 문제 채택완료
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >= 50) {
$('.header').addClass('hd_down');
}
else {
$('.header').removeClass('hd_down');
}
});
위와 같은 코드로 스크롤 시 클래스를 붙이고 떼는 기능을 작성하였지만,
크롬에서는 정상 작동이 되지만, 익스플로러에서는 작동이 되지 않고 있습니다.
비슷한 사례로 검색하여 딱 하나 나와 확인해보니
일부 스크립트 작성에 대한 오타나 오류일거라고
크롬은 일부 사소한 오류는 자동 예외처리로 정상 작동을 시키지만
익스플로러는 그렇지 못하여 작동이 안된다고 하여,
스크립트 유효성 검사 사이트로 적용되는 페이지 내의 모든 스크립트 구문을 검사해봐도
오류는 없다고 나오는데 어째서인지 작동을 하지 않고 있습니다.
$(window).scroll(function() { 이부분부터 읽지를 않고 있는 것으로 판단됩니다.
alert('확인');으로 확인해봐도 전혀 반응을 하지 않고 있습니다.
이러한 현상을 겪으신 분들 없을까요?
또 해결방법은 어떻게 될까요?
답변 4개
아래와 같이 해도 안되나요?
$(document).ready(function () {
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >= 50) {
$('.header').addClass('hd_down');
}
else {
$('.header').removeClass('hd_down');
}
});
});
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
익스플로러 개발자도구(F12)눌러서 콘솔에 뭐가 문제인지 확인해보세요
$가 선언되지 않았습니다. 이런 문구뜨면 제이쿼리 버전문제입니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 2개
아래의 버전이 혹시 미지원 버전인가요?
1.11.3
1.12.4
1.8.3 그누보드 내장
3.4.1
3버전 이상으로는 IE도 지원한다고 해서 써봤지만 안되네요 ㅠㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인