뒤로가기시 스크롤 위치 오류
관련링크
https://pinkmouth.kr/
166회 연결
본문
우선 풀페이지랑 슬릭슬라이더를 사용했습니다.
모바일에서 뒤로가기 했을때 이전페이지의 스크롤 위치로 이동이 안되고 스크롤 맨하단으로만 이동하게 됩니다...
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');
}
}
}));
});
답변을 작성하시기 전에 로그인 해주세요.
