iScroll 5 컨테이너 경계 검출 마우스 휠과 터치로 스크롤

Question

fullpage.js에서 제공하는 솔루션이 내가 필요로하지 않기 때문에 fullpage.js와 함께 iScroll 5를 사용하고 있습니다.

내 페이지에는 3 개의 전체 페이지 섹션이 있습니다. 두 번째 섹션에는 수직 스크롤 가능한 내용이 있습니다.

스크롤 할 수있는 콘텐츠가 상위 요소 (상단 및 하단)의 경계에있을 때이를 감지하면 스크롤 (마우스 휠 또는 터치)을 다시 수행하면 이벤트가 발생합니다.

여기에 Fiddle이 있습니다.

$('.scrollwrapper').on("mousewheel touchmove", function() { 
    if ("scroll is on max top"){ 
     $(this).on("wheelUp touchmoveUp", function() { 
      $.fn.fullpage.moveSectionUp(); 
     }); 
    }else if ("scroll is on max bottom"){ 
     $(this).on("wheelDown touchmoveDown", function() { 
      $.fn.fullpage.moveSectionDown(); 
     }); 
    } 
}); 

내가 어떤 도움을 주셔서 감사합니다, 당신이 날 도울 수 있기를 바랍니다 :

나는 이런 식으로 뭔가를해야합니다.

Answer 1

당신은 당신의 바이올린에 나를 위해 일한이

xpScroll.on('scrollEnd', function(){ 
    var scrollY = xpScroll.y + 15; 
    var scrollH = $('.xp-scroll').height() - $(window).height(); 
    var scrollEnd = scrollH + scrollY; 

    if (scrollEnd == 0) { 
     alert('End'); 
    } 
}); 

http://jsfiddle.net/fF4BJ/1/ 처럼 뭔가를 시도 할 수 있습니다. 위로 스크롤하려면 수학 기술을 사용하십시오.