풀페이지에서 html에 overflow: hidden시 스크롤 동작 안함

조회수 388회

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

    var tall = $contents.eq(idx).offset().top
    //해당 콘텐츠 위치로 이동
    $('html, body').animate({scrollTop:tall},800);
  • 현상이 서버(환경)를 타고 있다면 혹시 css, js 파일 상태 확인해 보시겠어요? 수정 전의 애셋이 캐싱되어 그대로 사용되고 있을 수 있습니다. 혹시나 모르니까 확인해 보세요. 엽토군 2021.7.28 14:37
  • 그런 부분도 다 확인을 했으나 고쳐지질 않는군요.. 허허 알 수 없는 사용자 2021.7.28 14:48

답변을 하려면 로그인이 필요합니다.

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)