ドロワーナビを開いた際にマウスホイールでのスクロールができません。出来るようにしたいです。教えてください。

Question

.drawer-nav .drawer-nav_wrapper {
  width: 100%;
  height: 100%;
  min-height: 77%;
  overflow-y: auto !important;
  overflow-x: hidden;
  margin: 39% auto 0 auto;
 }



<!-- ドロワーナビゲーション -->
<nav class="drawer-nav" role="navigation">

<div id="close_button"><a href="#" onclick="jQuery.sidr('close','sidr');"><div class="icon-close"></div></a></div>

<div class="drawer-nav_wrapper">

<div id="sidrsearch">

<h5 class="sidrtitle">SEARCH</h5>


<div id="searchBox" class="nav-section">
			<div class="searchBox_input">
			  <form name="myForm" method="get" action="http://esearch.rakuten.co.jp/rms/sd/isearch/vc" accept-charset="EUC-JP">
			    <input type="hidden" name="sid" value="33333">
			    <input type="text" name="sitem" id="sitem" placeholder="キーワード・品番で検索">
			    <label class="search-button"><input type="submit" value=""></label>
			  </form>
			</div>
		</div>


	<!-- 注目キーワード -->
	<div id="searchBox1" class="section">
		<ul class="searchBox1_keyword replace font-alt">
		<li><a href="SEARCH-URL-01" target="_top">SEARCH-WORD-01</a></li>
		<li><a href="SEARCH-URL-02" target="_top">SEARCH-WORD-02</a></li>
		<li><a href="SEARCH-URL-03" target="_top">SEARCH-WORD-03</a></li>
		<li><a href="SEARCH-URL-04" target="_top">SEARCH-WORD-04</a></li>
	</ul>
</div>





<h5 class="sidrtitle">CATEGORY</h5>

<div class="acbox"><input id="ac-1" type="checkbox" />
<label for="ac-1"><img src="sp/3a/sp/shop/img/cate14.jpg" alt="NEW ARRIVAL">NEW ARRIVAL</label>
<div class="acbox-under1"><a href="https://item.rakuten.co.jp/aaaaaa/c/0000000142/">新着アイテム&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;<i class="fa fa-angle-right"></i></a></div>
<div class="acbox-under1"><a href="https://item.rakuten.co.jp/aaaaaa/c/0000000143/">再入荷アイテム&emsp;&emsp;&emsp;&emsp;&emsp;<i class="fa fa-angle-right"></i></a></div>
</div>






<h5 class="sidrtitle">SNS</h5>
<div class="sidr-left_ber">
<a href="https://item.rakuten.co.jp/aaaaaa/c/0000000182/"><img src="https://shop.r10s.jp/aaaaaa/cabinet/banner1/line-120-616-2.jpg" alt="LINE"></a>
<a href="https://www.rakuten.co.jp/aaaaaa/news.html"><img src="https://shop.r10s.jp/aaaaaa/cabinet/banner1/mail-120-616-2.jpg" alt="メルマガ"></a>
</div>




</div>
</div>




</nav>

Comments

[hope_mucci]

今の質問文ではどのような回答が望まれているのか第3者に伝わりません。なので誰からも反応がないのです。

・ソースコードを貼っただけの質問文では、具体的に「できなくて困っていること」が不明瞭です。
本文に「現状できていること」と「できていなくて解決したいこと」を分かりやすく書きましょう。
「問題を解決するために試したこと」も具体的に記載されると回答する側も答えやすくなります。
・ソースコードは第3者が再現できるようにしたものを記載しましょう。現状のコードはそのままでは動作しません。コード自体が長くなるのであれば、状況再現できる最低限のコードを作成して記載するのがマナーです。
・質問は編集できます。編集したらアクティブ欄に上がるので見てくれる人も増えるでしょう。