fullpage.jsとmaterialize.js;マテリアライズド・サイデナブを使用してマウス・スクロールを無効にする

Question

materialze.jsとfullpage.jsが連携して動作するのに問題があります。問題を示すためにここにjsfiddleがあります。 Fullpage.jsは、640pxで応答モードでジャンプするように設定されています。ノーマルモード（641px以上）では、すべてが期待どおりに動作します。レスポンシブモードでは、Slideout-Menu（materialize.js）が使用されない限り、すべての動作がうまく動作します。 Slideout-Menuを使用した後、マウススクロールが完全に停止しました。キーボードスクロールはうまく動作します。

jsfiddle.net

は、マークアップ

<nav id="nav"> 
    <ul id="sidenav" class="side-nav"> 
    <li data-menuanchor="a"><a href="#a">a</a></li> 
    <li data-menuanchor="b"><a href="#b">b</a></li> 
    <li data-menuanchor="c"><a href="#c">c</a></li> 
    <li data-menuanchor="d"><a href="#d">d</a></li> 
    <li data-menuanchor="e"><a href="#e">e</a></li> 
    </ul> 
    <ul id="quick-links" class="right"> 
    <li data-menuanchor="b"><a href="#b">b</a></li> 
    <li data-menuanchor="c"><a href="#c">c</a></li> 
    </ul> 
    <ul> 
    <li><a id="sidenav-toggle" data-activates="sidenav" href="#!">menu</a></li> 
    </ul> 
</nav> 

フルページのマークアップ

<div id="fullpage"> 
    <div id="sa" class="section">a</div> 
    <div id="sb" class="section">b</div> 
    <div id="sc" class="section">c</div> 
    <div id="sd" class="section">d</div> 
    <div id="se" class="section">e</div> 
</div> 

を実体参照は

JSをマテリア応答モードで210軒の

$("#sidenav-toggle").sideNav({ 
    closeOnClick: true 
}); 

フルページのjs

$('#fullpage').fullpage({ 
    menu: '#nav', 
    anchors: ['a', 'b', 'c', 'd', 'e'], 
    normalScrollElements: '#nav', 
    paddingTop: 0, 
    paddingBottom: 0, 
    responsiveWidth: 640 
}); 

Answer 1

マテリアライズメニューfullpage.jsによってis somehow removing the overflow: visible; property applied to the body element。

$(document).on('click', '.drag-target', function(e) { 
    //in responsive mode? 
    if($('.fp-responsive').length){ 
     $('body').css('overflow', 'visible'); 
    } 

}); 

Reproduction online