fullpage.js，具有較大的部分，並禁用某些部分滾動

Question

jQuery插件我與完整的文檔使用：
https://github.com/alvarotrigo/fullPage.js

我想要什麼：我想有完整的禁用我的第二部分頁面捕捉效果，並使其具有比常規部分（150vh等）更大的高度。

問題：我已經把它加一個新的高度，以第2

.ok{ 
    width:100%; 
    height:2000px; 
    border:1px solid black; 
} 

嘗試它，也發現了文件，以取消部分在一些方法捕捉： $.fn.fullpage.setAutoScrolling(false);
但是當我滾動上下，一些部分快速回彈，而且不再流暢。
（例如，向下滾動到第2，然後嘗試滾動到第1節，其卡太快）

我的小提琴：https://jsfiddle.net/jzhang172/kemtmm9a/30/

$('#fullpage').fullpage({ 
 
    sectionsColor: ['yellow', 'orange', '#C0C0C0', '#ADD8E6'], 
 
    
 
    \t afterLoad: function(anchorLink, index){ 
 
\t \t var loadedSection = $(this); 
 
\t \t if(index == 1){ 
 

 
$.fn.fullpage.setAutoScrolling(true); 
 
\t \t } 
 
\t \t //using index 
 
\t \t if(index == 2){ 
 

 
$.fn.fullpage.setAutoScrolling(false); 
 
\t \t } 
 
\t \t if(index == 3){ 
 

 
$.fn.fullpage.setAutoScrolling(true); 
 
\t \t } 
 
\t \t //using anchorLink 
 
\t \t if(anchorLink == 'secondSlide'){ 
 
\t \t \t alert("Section 2 ended loading"); 
 
\t \t } 
 
\t } 
 

 
});

.section { 
 
    text-align:center; 
 
} 
 
.ok{ 
 
    width:100%; 
 
    height:2000px; 
 
    border:1px solid black; 
 
} 
 
.la{ 
 
    height:200%; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://rawgit.com/alvarotrigo/fullPage.js/master/jquery.fullPage.js"></script> 
 
<div id="fullpage"> 
 
    <div class="section">One</div> 
 
    <div class="section la"> 
 
     <div class="slide">Two 1</div> 
 
     <div class="slide">Two 2</div> 
 
    </div> 
 
    <div class="section fp-auto-height"><div class="ok"></div>Three</div> 
 
    <div class="section">Four</div> 
 
</div>

Answer 1

我認爲問題與你的js代碼，檢查下面摘錄

$('#fullpage').fullpage({ 
 
    sectionsColor: ['yellow', 'orange', '#C0C0C0', '#ADD8E6'], 
 
    anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage'], 
 
    menu: '#menu', 
 
    scrollingSpeed: 1000, 
 
afterLoad: function(anchorLink, index){ 
 
\t var loadedSection = $(this); 
 

 
\t //using index 
 
\t if(index == 2){ 
 
\t \t $.fn.fullpage.setAllowScrolling(false); 
 
\t } 
 

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

.section { 
 
    text-align:center; 
 
} 
 
.ok{ 
 
    width:100%; 
 
    height:2000px; 
 
    border:1px solid black; 
 
} 
 
.la{ 
 
    height:200%; 
 
}

<div id="fullpage"> 
 
    <div class="section">One</div> 
 
    <div class="section"> 
 
     <div class="slide">Two 1</div> 
 
     <div class="slide la">Two 2</div> 
 
    </div> 
 
    <div class="section fp-auto-height"><div class="ok"></div>Three</div> 
 
    <div class="section">Four</div> 
 
</div> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://rawgit.com/alvarotrigo/fullPage.js/master/jquery.fullPage.js"></script>