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

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

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

...
...
...
....

我在w1上启动了scrollify，效果很好。但我想在最后一节（s3）之后启用正常滚动，因此基于 我补充说

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

$（文档）.on（'scroll'，函数（e）{
var top=$（'.section类名：last'）.offset（）.top；
var screenTop=$（document.scrollTop（）；
如果（顶部>屏幕顶部&&$.scrollify.isDisabled（））{
$.scrollify.enable（）；
$.scrollify.update（）；
}否则如果（顶部只需将w2类设置为interstitialSection。此外，没有理由添加您自己的滚动事件，请使用Scrollyfy的回调。
根据我的结构和方法，我不认为这是解决我问题的方法，我需要向interstitialSection、w3、w4等添加许多类。我宁愿尝试添加w1作为它应该添加的唯一类。）ld工作。如果你能控制你的页面结构，那么就把w2下的所有内容都包装在一个包装器中，并将其设置为InterstitualSection。此外，永远不需要向InterstitualSection添加很多类，因为你只需要一个应用于多个元素的类。我有动态页面结构，w1是可选的，I希望避免基于w1的使用向其他页面部分/元素/小部件添加类，这就是为什么我尝试使用此类ratehr然后不要在这种方法上工作。好的，听起来Scrollyfy不适合您的需要。它是一个完整的页面解决方案，没有一种方法仅用于部分页面