关闭侧边栏点击锚点只使用JavaScript的方法如下:
var sidebarLinks = document.getElementsByClassName("sidebar-link");
for (var i = 0; i < sidebarLinks.length; i++) {
sidebarLinks[i].addEventListener("click", function() {
// 在这里编写关闭侧边栏的代码
});
}
var sidebar = document.getElementsByClassName("sidebar")[0];
sidebar.classList.add("hidden");
在上述代码中,"hidden"是一个自定义的CSS类名,可以在CSS文件中定义该类名的样式,例如:
.hidden {
display: none;
}
event.preventDefault();
完整的JavaScript代码示例如下:
var sidebarLinks = document.getElementsByClassName("sidebar-link");
for (var i = 0; i < sidebarLinks.length; i++) {
sidebarLinks[i].addEventListener("click", function(event) {
event.preventDefault();
var sidebar = document.getElementsByClassName("sidebar")[0];
sidebar.classList.add("hidden");
});
}
这样,当用户点击侧边栏中的任何锚点时,侧边栏将被隐藏,而不会触发默认的锚点跳转行为。
注意:以上代码示例中的类名和样式仅作为示例,实际应根据具体的HTML结构和CSS样式进行调整。
领取专属 10元无门槛券
手把手带您无忧上云