뒤로가기시 스크롤 위치 오류

뒤로가기시 스크롤 위치 오류

QA

뒤로가기시 스크롤 위치 오류

본문

우선 풀페이지랑 슬릭슬라이더를 사용했습니다.

모바일에서 뒤로가기 했을때 이전페이지의 스크롤 위치로 이동이 안되고 스크롤 맨하단으로만 이동하게 됩니다...

index에서 2번째 섹션 main_prd 부분의 슬릭 휠 부분에서 충돌이 나고 있는 것 같은데

해결 할 수 있는 방법 없을까요??ㅠㅠ

 

 pc에서 모바일 사이즈로 확인했을 때는 멀쩡히 돌아가기도 해서 배포했는데

휴대폰으로 사이트 드갔을 때는 똑같이 오류나네요ㅠㅠ

index에서만 오류가 납니다.

 



$(function(){

// 메뉴리스트 첫번째 카테고리 초기화
let firstMenuCd = $('#menu1 > ul').attr('name');
fetchProductList(firstMenuCd);

$('.fullpage').fullpage({
   //navigation:true,
   //verticalCentered: true,
   anchors: ['page1', 'page2', 'page3', 'page4', 'page5', 'lastPage'],
   normalScrollElements:'#main_prd',
   responsiveWidth: 1025,
   afterResponsive: function(isResponsive){
   },
});
setTimeout(function(){$("#main_visual").addClass("on");},100);

//상품안내
$("#main_prd .visual_list").on('init', function(event, slick){
   $(this).append('<div class="slider-count"><span id="current">1</span> / <span id="total">'+slick.slideCount+'</span></div>');
});
$("#main_prd .visual_list").slick({
   infinite: false,
   arrows:true,
   dots:true,
});
$("#main_prd .visual_list").on('beforeChange', function(event, slick, currentSlide, activeSlide, nextSlide){
   var i =activeSlide + 1;
   $('.slider-count #current').html(i);
   $("#slider_paging").attr("class", 'slider'+ i +'')
});
$("#main_prd .visual_list").on('wheel', (function(e) {
   e.preventDefault();
   var txti = $("#current").text();
   var currentSz = $("#main_prd .visual_list .slider").length;

   if (e.originalEvent.deltaY < 0) {
      $(this).slick('slickPrev');
      if(txti == 1){
         $.fn.fullpage.moveTo('page1');
      }
   } else {
      $(this).slick('slickNext');
      if(txti == currentSz){
         $.fn.fullpage.moveTo('page3');
      }
   }
}));

});

이 질문에 댓글 쓰기 :

답변을 작성하시기 전에 로그인 해주세요.
전체 1,020
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT