自动滚动设置为 false 后触摸设备上的整页滚动问题

Question

我总共有四个 4 个部分和一个页脚。 一、二、三段为正常段。 在第四部分，我需要正常滚动，因为它的高度大于窗口高度。 下面的代码适用于键盘滚动和鼠标滚动。 但是在移动设备上，我在向上滚动时遇到了问题。 请在触摸设备上打开链接也可以查看问题。 Js fiddle here

<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);
                }


            },
});

当我们从第 4 部分向上滑动时（此时 Autoscrolling 已设置为 false），滑动会将用户直接带到第一部分。 我认为它发生的原因是，当用户滑动时，页面会滚动到顶部，因为触发了正常滚动。如果我执行控制台日志，我可以看到自动滚动在通过第 3 节时被设置回 true，但页面仍然滚动到顶部，因为当自动滚动为 false 时，滑动触发了滚动。

如果您在移动设备上打开以下链接，您将看到上述问题。适用于键盘。

Answer 1

预期问题。

hybrid 选项未记录在案，这意味着在所有可能的情况下可能无法按预期工作。