네비게이션에서 랜딩페이지 메뉴부분을 만드는데 오류가 발생했습니다.

인터넷 익스플로러에서 jquery animate()가 동작하지 않는 문제가 있습니다.

크롬이나 다른 브라우저에서는 정상적으로 동작하고, 콘솔창등을 봐도 오류를 출력하진 않습니다.

$('html body').animate({scrollTop:($("#navigation"+num).offset().top)-112}, 500);

위 코드에서 정상 동작을 하지 않았습니다.

$('html, body').animate({scrollTop:($("#navigation"+num).offset().top)-112}, 500);

수정된 코드 입니다.

변경된 부분은 $(‘html body’) -> $(‘html, body’) 로 변경되었습니다.

문제는 익스플로러에서 셀렉터가 body를 인식하지 못해 발생 된 경우 입니다.

반대로 크롬에서는 html을 인식하지 못합니다.

대부분의 브라우저에서 사용하려면 $(‘html, body) 로 사용해야 합니다.

간단한 부분에서 실수하는 경우입니다.