禁用最后一部分的滚动,并滚动正常

时间:2017-03-17 09:24:06

标签: javascript jquery html jquery-scrollify

在我的网站上我有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 - scroll normally after last section? 我添加了

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

略有变化(&lt; = ratehr然后&lt;所以它将在最后一节被禁用)并且它工作得很好:它在最后一节禁用scrollify并且滚动wheelHandle返回tru,但是现场没有任何反应,它的不向上或向下滚动。 如果有可能实现我的目标,那么你们有没有?

1 个答案:

答案 0 :(得分:0)

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