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);
を私がスクロールするときいくつかのセクションはあまりにも速く後退し、もう流動的ではありません。
（例えば、第1節にスクロールしてみてくださいそして、第2節までスクロールし、それが戻ってあまりにも速いスナップ）

マイフィドル：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>