javascript - 如何使用 Javascript 使覆盖层保持默认打开状态？

Question

嘿伙计们，我有一个包含以下代码的登录覆盖层:

<!-- 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>

我的问题是如何保持默认设置为打开状态？ 预先感谢您。

Answer 1

好吧，如果我理解这个问题......以及你的 CSS 是如何设置的......

只需要一些好的旧CSS

#myNav {
 width:100%;
}

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