簡體   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