Javascript 单击a<；时如何关闭导航栏；a>；链接

因此，我使用一个纯CSS导航栏，它使用一个复选框覆盖导航菜单。 我试图在选择链接时关闭导航栏。 例如，当我单击联系人链接时，它应该向下滚动到同一页面上的id“contact”，但是，当导航栏仍然显示时，页面向下滚动，因此我必须手动单击复选框以关闭它。 我曾尝试使用一些js来解决这个问题，但没有成功：（

完整代码链接：

在复选框上设置

checked

属性就可以了

const links = document.querySelectorAll('.nav-item a')
const checkbox = document.querySelector('#nav-toggle')

for ( const link of links ) {
  link.onclick = handleClick
}

function handleClick() {
  checkbox.checked = false
}

或者，如果您正在使用jQuery：

$('.nav-item a').click(hideOverlay)

function hideOverlay() {
  $('#nav-toggle').prop('checked', false)
}

---

希望这能有所帮助！：）

第一个解决方案对我很有效。非常感谢你的帮助。

$('.nav-item a').click(hideOverlay)

function hideOverlay() {
  $('#nav-toggle').prop('checked', false)
}