스크립트 스크롤 이벤트 인식 문제

스크립트 스크롤 이벤트 인식 문제

QA

스크립트 스크롤 이벤트 인식 문제

답변 4

본문

    $(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 하위버전을 지원하지 않는 버전인지 확인해보세요.
 

지원 여부를 확인할 줄 몰라서 여러 버전을 각각 사용해보았는데 작동이 되지 않았습니다.
아래의 버전이 혹시 미지원 버전인가요?
1.11.3
1.12.4
1.8.3 그누보드 내장
3.4.1
3버전 이상으로는 IE도 지원한다고 해서 써봤지만 안되네요 ㅠㅠ

익스플로러 개발자도구(F12)눌러서 콘솔에 뭐가 문제인지 확인해보세요

 

$가 선언되지 않았습니다. 이런 문구뜨면 제이쿼리 버전문제입니다.

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 1,020
© SIRSOFT
현재 페이지 제일 처음으로