繁体   English   中英

禁用上一部分滚动显示,然后正常滚动

[英]Disable scrollify on last section, and scroll normaly

在我的网站上,我具有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)之后启用正常滚动,所以基于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然后<,因此将在最后一节中将其禁用),并且工作得很好:它禁用了最后一节的scrollify和scrollify wheelHandle返回tru,但是站点上没有任何反应,它不会向上或向下滚动。 你们有没有可能甚至达到我的目标?

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM