默认情况下,如何使用Javascript保持覆盖打开?

默认情况下,如何使用Javascript保持覆盖打开?,javascript,overlay,Javascript,Overlay,嘿,伙计们,我有一个带有以下代码的登录覆盖: <!-- The overlay --> <div id="myNav" class="overlay"> <!-- Login goes here --> <!-- End login --> </div> <!-- Use any element to open/show the overlay navigation menu --> <span onclick=

嘿,伙计们,我有一个带有以下代码的登录覆盖:

<!-- The overlay -->
<div id="myNav" class="overlay">

<!-- Login goes here -->

<!-- End login -->
</div>

<!-- Use any element to open/show the overlay navigation menu -->
<span onclick="openNav()">open</span>

打开
我正在使用Javascript打开它,并删除了关闭按钮

<script type="text/javascript">

function openNav() {
    document.getElementById("myNav").style.width = "100%";
}

/* Close when someone clicks on the "x" symbol inside the overlay */
function closeNav() {
    document.getElementById("myNav").style.width = "0%";
}

</script>

函数openNav(){
document.getElementById(“myNav”).style.width=“100%”;
}
/*当有人单击覆盖层内的“x”符号时关闭*/
函数closeNav(){
document.getElementById(“myNav”).style.width=“0%”;
}
我的问题是如何保持默认设置为打开?
提前谢谢你。

如果我理解这个问题。。。。你的CSS是如何设置的

只有一些好的旧CSS

#myNav {
 width:100%;
}

这样,当页面加载时,它总是100%可用,您可以通过javascript中的用户交互来管理其宽度。

您的css在哪里?哈!成功了!出于某种原因,我将宽度设置为0,我已经设置了CSS和HTML,但我正在学习Javascript,所以我认为问题可能就在那里。非常感谢。没问题!如果它回答了您的问题,请将其标记为答案:)谢谢!