fullpage.js 모바일 스크롤이 작동하지 않습니다.

Question

현재 fullpage.js를 사용하여 내 웹 사이트의 휴대 기기에서 스크롤 작업을 수행 할 수 없습니다.

데스크톱에서는 크롬 에뮬레이터를 사용하지만 모바일에서 사이트가 너무 잘 작동하지 않는 경우 (필터 버튼이 실제로 느리게 작동 함) 절대적으로 정상적으로 작동합니다. 슬라이드를 바꾸는 왼쪽과 오른쪽 버튼은 약간 버그가 있지만 나는 그걸로 살 수 있습니다. 그러나, 내가 시도하고 메뉴 페이지를 스크롤하면 그냥 작동하지 않는 것.

slimscroll 및 jquery UI를 올바른 순서로 가져 왔으며 스크롤 오버플로를 true로 설정하여 모바일에서 작동하지 않는 이유가 약간 혼동 스럽습니다. 나는 아이폰 4와 5를 사용해 보았지만 행운이 없다.

URL이 어떤 아이디어가 정말

감사하겠습니다 iglouu.co.uk/new입니다!

감사합니다.

Answer 1

플러그인을 올바르게 초기화하지 않았습니다.

귀하의 HTML 마크 업은 다음과 같다 : 당신이 지금 사용으로

<div id="wrapper" class="fullpage-wrapper"> 
    <div id="fullpage"> 
     <div class="section"> 
      <div class="slide"></div> 
      <div class="slide"></div> 
      <div class="slide"></div> 
     </div> 
    </div> 
</div> 

그래서 당신은 wrapper를 플러그인을 초기화 할 ID fullpage를 사용하지 않아야합니다.

그것은해야한다 :

$('#fullpage').fullpage({ 
    //... 
}); 

그리고 당신은 :

$('#wrapper').fullpage({ 
    //... 
});