스크립트 스크롤 이벤트 인식 문제
본문
$(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');
}
});
});
사용하는 jqeury 버전이 IE 하위버전을 지원하지 않는 버전인지 확인해보세요.
익스플로러 개발자도구(F12)눌러서 콘솔에 뭐가 문제인지 확인해보세요
$가 선언되지 않았습니다. 이런 문구뜨면 제이쿼리 버전문제입니다.
css 충돌이 js까지 영향을 주나요?
css를 빼면 js가 정상작동합니다.