フルページの.jsは、当該移動

Question

サイト上の短いスクロールを防ぎます。スライドが2つあるセクションが1つあります。各スライドは独自の食べ物メニューです。全ページのセクションは、最初はnoneと表示するように設定されています。フルページセクションはjQueryを介してユーザによって明らかにされた：

$('#launchPizzaMenu, .launch-menu').click(function() { 
    $('body').addClass('noscroll'); 
    $.fn.fullpage.silentMoveTo('menu', 0); 
    $('#fullpage').slideDown(200); 
}); 

フルページコンテンツを表示する際の問題は、モバイルでのスクロール動作です。それは滑らかではなく、流動的ではないページの残りの部分に横たわっています。私がスクロール/フリックすると、画面から指を離した後でも少しスクロールすることが期待されますが、スクロールがすぐに停止し、全ページの内容をスクロールするのが面倒です。

はここに私のフルページ設定です：2枚のスライドを持つ一つのセクションがありhttps://gist.github.com/anonymous/0f8c33a2a875040edb7d5503238f8f71

：

$('#fullpage').fullpage({ 
    anchors: ['menu'], 
    controlArrows: false, 
    autoScrolling: false, 
    responsiveWidth: 900, 
    afterResponsive: function(isResponsive){ 

    } 
}); 

ここでフルページのマークアップを示す骨子です。 スライド21が21行目から開始されます。 スライド2回の開始152

フルページのコンテンツ内でスムーズなスクロールを実現するにはどうすればよいですか？

Answer 1

大きなコンテンツのセクションには、overflow: scroll;の代わりにfullPage.jsオプションscrollOverflow:trueを使用する必要があります。

this exampleを参照してください。

scrollOverflow:trueを使用するときにfullPage.jsが使用するiScroll.jsのようなライブラリを使用しない限り、スムーズなスクロールはすべてのデバイス/ブラウザで期待どおりに機能しません。