モバイル・タブレットでoverflow-y: scrollが効かない

Question

質問です。
以下コードでトグルナビを作成し、リスト要素が入りきらない場合はスクロールさせるようにしておりますが、現状、PCでは正常に動作し、モバイルとタブレット端末がスクロールできません。
原因はなんでしょうか。

<div id="menuButton"></div>
<nav class="main-nav">
	<div class="toggle-nav">
		<ul>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
                 ・
                 ・
                 ・
		</ul>
	</div>
</nav>

nav.main-nav {
  height: 100%;
  position: fixed;

}
.toggle-nav {
  height: 100%;
  padding: 30px;
  overflow-y: scroll;
  -webkit-overflow-scrolling:touch;
}

Answer 1

スクロールできてそうですが？
検証ページ

Comments

[no23h]

turbgraphics200さま

ご回答ありがとうございます。
再度検証したところ、fullpage.jsというプラグインを使用しているトップページだけスクロールできないことがわかり、他のページはうまく動作しました。
詳細は分かりませんが、スクロールの動作で何かしら干渉していると思います。
初歩的な確認ミスで申し訳ありません。