화면 구조

전체 화면이 슬라이딩 되는 구조

내 포폴 디자인에 맞는 구조로 만들기 위해서 라이브러리를 둘러 봤다.
swiper slide에 Demo 중 autoHeight을 이용하기로,
IE 지원 되는 swiper slide v4를 다운받아 css, swiper 사용.
https://github.com/nolimits4web/swiper

swiper slide 사용 참고글

swiper 화면 변경 될때 스크롤 항상 제일 위에

이슈 : 전체 화면이 슬라이딩 되면서 잘 넘어 가게 됐는데
화면마다 높이가 다르다 보니 아래에 스크롤한 상태에서
다음 화면으로 넘어가면 다음화면도 중간쯤에서 시작 되게 됨

원하던 것 : 다음 페이지로 넘어가면 항상 시작점은 제일 위 였으면 함

스크롤 탑하면 될 것 같아 찾아본 글

 //  높이를 측정하여 스크롤 업 하는 함수 
  function activeHeightSet() {
    // 스크롤업 함수 만든것을 불러옴
    scrollUp();
  }
  // 스크롤 업 함수 
  function scrollUp() {
    // 애니메이션으로 0.001초 만에 body와 html의 스크롤 위치 top 0로 이동
    $("body, html").stop(true).animate(
      {
        scrollTop: "0",
      },
      1
    );
  }
  swiper.on("slideChangeTransitionStart", activeHeightSet);

swiper에 .on 속성을 사용해 swiper.on(event, handler)
slideChangeTransitionStart 이벤트 발생시
위에 만든 activeHeightSet함수를 실행되게 함

참고페이지
jqury document
swiper Methods & Properties
swiper event