그누보드 QA - 뒤로가기시 스크롤 위치 오류

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

4532 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2022.03.06 19:02:54 1858 (221.♡.♡.103)

답변 1

본문

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

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

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');
      }
   }
}));

});