在手机上打开和关闭侧边栏菜单不起作用

Question

这是我正在使用的代码（这是原始代码：https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_overlay2）

html和js：

<div id="myNav" class="overlay">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">& times;</a>
<div class="overlay-content">
<a href="index.php">home</a>
<a href="stappenplan.php">stappenplan</a>
<a href="#overzicht">agentschappen</a>
<a href="casting-proces.php">casting proces</a>
<a href="#help">mijn hulp</a>
<a href="#contact">contact</a>
</div>
</div>

<span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>

<script>
function openNav() {
document.getElementById("myNav").style.height = "100%";
}

function closeNav() {
document.getElementById("myNav").style.height = "0%";
}
$('body').on('click', function(){
if( parseInt( $('#myNav').css('width') ) > 0 ){
closeNav();
}
});
</script>

由于某种原因，在笔记本电脑上都可以正常工作，但是在移动设备上单击三个栏时什么也没有发生。这里有一个js错误吗？

此外，当单击同一页面上的菜单锚点时，菜单是否可能消失，同时滚动到锚点ID？

感谢您的帮助。