본문 바로가기

Dev/Temp

자동으로 높이 설정 및 스크롤 했을 때 페이지 상단으로 이동

반응형
//높이 정하기
function activeHeightSet() {

    var activeHt = $(".swiper-slide-active .mainImg").height();
    eventActiveHt(activeHt);
    scrollUp();
}

//높이 실행
function eventActiveHt(activeHt) {
    $(".swiper-container").stop(true).animate(
        {
        height: activeHt,
        },
        200
    );
}

//스크롤 했을 때 페이지 맨 위로 이동
function scrollUp() {
    $("body, html").stop(true).animate(
        {
        scrollTop: "0",
        },
        200
    );
}

// 스와이퍼 할 때 함수 실행
swiper.on("slideChangeTransitionStart", activeHeightSet);
반응형

'Dev > Temp' 카테고리의 다른 글

React와 React Native 차이점!  (0) 2020.11.25
React Hooks 도입 시기  (0) 2020.11.25
css transform matrix  (0) 2020.11.11
모션 함수들  (0) 2020.11.11
슬라이드 진행시 다음 모션 미리 작동 되어 있을 때  (0) 2020.11.10