총 4 개의 섹션과 바닥 글이 있습니다. 섹션 1, 2, 3은 일반적인 섹션입니다. 섹션 4에서 높이가 창 높이 이상이므로 정상 스크롤이 필요합니다. 아래의 코드는 키보드 스크롤과 마우스 스크롤에서 잘 작동합니다. 하지만 모바일에서는 위쪽으로 스크롤하는 동안 문제가 발생했습니다. 터치 장치에서 링크를 열어도 문제를 확인하십시오. Js fiddle here자동 스크롤을 false로 설정 한 후 터치 장치에서 전체 페이지 스크롤 문제가 발생했습니다.
<div id="fullpage">
<div class="section">One</div>
<div class="section">Two</div>
<div id="three" class="section">Three</div>
<div id="four" class="section fp-normal-height fp-normal-scroll">
<div style="height:1000px;">Four</div>
</div>
</div>
<footer style="height:300px;">Site footer</footer>
$('#fullpage').fullpage({
sectionsColor: ['yellow', 'orange', '#C0C0C0', '#ADD8E6'],
hybrid:true,
fitToSection: false,
afterLoad: function(anchorLink, index){
var loadedSection = $(this);
if(loadedSection.attr("id") == "four") {
$.fn.fullpage.setAutoScrolling(false);
}
if(loadedSection.attr("id") == "three") {
$.fn.fullpage.setAutoScrolling(true);
}
},
});
저희 와이프 제 부에 직접 걸리는 사용자 (자동 스크롤 false로 설정되어이 때 등) (4)로부터 상방 와이프. 나는 그 이유를 생각한다. 왜냐하면 사용자가 스 와이프 할 때, 정상 스크롤이 시작되면 페이지가 맨 위로 스크롤되기 때문이다. 콘솔 로그를 작성하면 자동 스크롤이 섹션 3을 통과 할 때 true로 설정되지만 자동 스크롤이 false 일 때 스 와이프가 스크롤을 트리거 할 때 페이지가 맨 위로 스크롤되는 것을 볼 수 있습니다.
아래 링크를 누르면 모바일에서이 문제를 볼 수 있습니다. 키보드에서 잘 작동합니다.