只在特定部分使用滾動條，否則使用正常滾動

首先，我想說我非常喜歡Scrollify，現在我正在計劃使用它。我的網站的想法是有一些部分具有快速滾動行爲和一些正常滾動的部分。一切工作正常除了我不希望它執行快速滾動時，從快照部分到正常部分。就像現在它將快照捲動到正常部分，首先在快照之後它會進入正常滾動狀態。只在特定部分使用滾動條，否則使用正常滾動

換句話說，我認爲我所需要的是能夠根據視口中的元素啓用捕捉滾動功能。但也許有一個更簡單的解決方案。

你有什麼建議嗎？

來源

2016-10-19 arted

您可能需要使用disable和enable方法來實現此目的。

來源

2016-10-20 09:43:06

那麼這裏是我的代碼： – arted

(function() { 
    var firstSection = $('.wrapper .normal-page').eq(0)[0] 
    var firstSectionClassName = $(firstSection).attr('class') 
    var base = this; 

    $.scrollify({ 
    section : ".product-page", 
    sectionName : "section-name", 
    interstitialSection : ".normal-page", 
    easing: "easeOutExpo", 
    scrollSpeed: 1100, 
    offset : 0, 
    scrollbars: true, 
    standardScrollElements: ".normal-page", 
    setHeights: true, 
    overflowScroll: true, 
    before:function(index, arr) { 
     var currentItem = $.scrollify.current().attr('class') 

     if (currentItem !== "product-page") { 

     $.scrollify.disable(); 
     } 

    }, 
    after:function() { 

     $.scrollify.enable(); 
    }, 
    afterResize:function() { 

    }, 
    afterRender:function() { 
     console.log("move to the top") 
     $.scrollify.instantMove("#" + firstSectionClassName) 

    } 
    }); 
})() 

HTML 

<body> 
    <div class="wrapper"> 
     <div class="normal-page"></div> 
     <div class="product-page"></div> 
      <div class="normal-page"></div> 
     <div class="product-page"></div> 
     <div class="normal-page"></div> 
    </div> 
</body>

，所以我已經與啓用和禁用方法很努力，但

來源

2016-10-20 12:03:20 arted

只在特定部分使用滾動條，否則使用正常滾動

回答

相關問題