javascript - 在最后一部分禁用滚动，并正常滚动

Question

在我的网站上，我的 html 结构如下：

<div>
   <div class="w1">
       <div class="s1">...</div>
       <div class="s2">...</div>
       <div class="s3">...</div>
   </div>
   <div class="w2">....
</div>

我在 w1 上初始化滚动，它工作正常。但我想在最后一节（s3）之后启用正常滚动，所以基于scrollify - 在最后一节之后正常滚动？ 我已经添加了

  $(document).on('scroll', function (e) {
        var top = $('.section-class-name:last').offset().top;
        var screenTop = $(document).scrollTop();

        if (top > screenTop && $.scrollify.isDisabled()) {
            $.scrollify.enable();
            $.scrollify.update();
        } else if (top <= screenTop && !$.scrollify.isDisabled()) {
            $.scrollify.disable();
        }
    });

稍作更改（<= ratehr 然后 < 所以它将在最后一部分被禁用）并且它工作得很好：它在最后一部分禁用滚动并且滚动 wheelHandle 返回 tru，但现场没有任何反应，它不会向上或向下滚动. 你们有没有可能实现我的目标？

Answer 1

只需将您的 w2 类设置为 interstitialSection。此外，没有理由添加您自己的滚动事件，而是使用 Scrollify 的回调。