편집 기록

대학 방학을 맞아 현장 실습을 오게 되어 홈페이지 리뉴얼 작업을 맡게 되었습니다. 작업이 끝나고, 서버에 반영하면서 wheel 함수가 먹지를 않습니다. 아래와 같이 작성해서 동작하게 만들었는데 희한하게 테스트 서버엔 정상 작동하고 실 서버엔 작동을 하지 않더군요.... 일단 html에 overflow: hidden을 풀어주니 스크롤이 되긴 하지만 원하는 기능인 한 페이지씩 넘어가는 동작을 하지 않습니다. 여러군데 서칭하니 !DOCTYPE html로 처음 선언하게 되면 최신 버전인 페이지에선 animate가 안된다는 말이 있는데 지워도 똑같이 작동하네요.. 부디 고수님들 한번만 구제해 주십쇼!

    var tall = $contents.eq(idx).offset().top
    //해당 콘텐츠 위치로 이동
    $('html, body').animate({scrollTop:tall},800);

대학 방학을 맞아 현장 실습을 오게 되어 홈페이지 리뉴얼 작업을 맡게 되었습니다. 작업이 끝나고, 서버에 반영하면서 wheel 함수가 먹지를 않습니다. 아래와 같이 작성해서 동작하게 만들었는데 희한하게 테스트 서버엔 정상 작동하고 실 서버엔 작동을 하지 않더군요.... 일단 html에 overflow: hidden을 풀어주니 스크롤이 되긴 하지만 원하는 기능인 한 페이지씩 넘어가는 동작을 하지 않습니다. 여러군데 서칭하니 !DOCTYPE html로 처음 선언하게 되면 최신 버전인 페이지에선 animate가 안된다는 말이 있는데 지워도 똑같이 작동하네요.. 부디 고수님들 한번만 구제해 주십쇼!

var tall = $contents.eq(idx).offset().top
//해당 콘텐츠 위치로 이동
$('html, body').animate({scrollTop:tall},800);