2015-09-07 198 views
2

我使用的是fullpage.js,它是一個奇妙的插件,但是,在我將onLeave回調添加到頁面(來自github的默認示例)之後,花式滾動功能即代替滾動一個部分無論滾動長度如何,每滾動鼠標滾動一次或多次,每滾動一步跳轉一個部分。在fullpage.js上添加onLeave中斷滾動

我在fullpage.js問題部分告訴我問題已經解決,我應該使用最新的庫,但我已經嘗試了CDN以及將插件安裝到我的項目中,問題仍然存在。

我很抱歉,我無法包括一個問題的例子 - 我無法在jsfiddle中重現它。

謝謝!

+0

是您的公益項目?或本地? –

+0

對於浪費時間我表示歉意,我解決了這個問題,我沒有意識到afterload和onLeave都應該被放入同一個$('#fullpage')。fullpage({}),並通過昏迷來分隔 – jacobdo

+1

爲浪費你的時間道歉,我一直在做錯,即我已經爲afterLoad和onLeave製作了兩個單獨的$('#fullpage')fullpage({}),但是當我把它們放在一個單獨的昏迷中時,它們工作。 謝謝你,再次抱歉。 – jacobdo

回答

1

我解決了它,即我之前做錯了 - 我爲afterLoad和onLeave創建了一個新的$('#fullpage')。fullpage({})。

當我把它們放在相同的位置,並通過昏迷將它們分開時,它們按預期工作。

$('#fullpage').fullpage({ 
     anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'lastPage'], 

     afterLoad: function(anchorLink, index){ 
      var loadedSection = $(this); 

      //using index 
      if(index == 3){ 
       //alert("Section 3 ended loading"); 
      } 

      //using anchorLink 
      if(anchorLink == 'secondSlide'){ 
       //alert("Section 2 ended loading"); 
      } 
     }, 

     onLeave: function(index, nextIndex, direction){ 
      var leavingSection = $(this); 

      //after leaving section 2 
      if(index == 2 && direction =='down'){ 
       alert("Going to section 3!"); 
      } 

      else if(index == 2 && direction == 'up'){ 
       //alert("Going to section 1!"); 
      } 
     } 
    }); 

對不起,我已經浪費了你的時間,並再次道具到創作者對於美好插件:)