테스트 사이트 - 개발 중인 베타 버전입니다

뒤로가기시 스크롤 위치 오류 채택완료

4532 3년 전 조회 2,388

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

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

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

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

 

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

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

index에서만 오류가 납니다.

 

</p>

<pre>
$(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');
      }
   }
}));</pre>

<p>});</p>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

옵션 이거 추가해봐여

scrollOverflow:true,

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

4
4532
3년 전
이제서야 확인해서 답변 드립니다.
말씀 하신 부분으로 넣으니까 해결했습니다
정말 감사합니다ㅠㅠ
릴보이즈
3년 전
채택 해주세요~

댓글을 작성하려면 로그인이 필요합니다.

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

로그인