Question

所以我使用复选框hack为我的网站制作了一个抽屉菜单。更具体地说，我已经完成了本教程99％的代码：http://www.designcouch.com/home/why/2014/04/23/pure-css-drawer-menu/

除了一件小事之外，一切都像魅力一样。我的抽屉中的一个链接链接到一个分区，更多地指向索引页面的底部。由于我使用的是英雄形象，我希望人们可以使用此链接转到div。现在的问题是，当我点击该链接时，抽屉保持打开状态！因此复选框不会取消选中。我想这是有道理的，因为没有加载新页面。

我考虑使用一些小的javascript，如果点击了链接，取消选中复选框，但如果你们有更好的解决方案，我想先在这里听一下。没有什么可以反对JS但是制作一个纯粹的CSS抽屉似乎有点愚蠢，这仍然需要javascript才能正常运行：p 关于如何在没有javascript的情况下解决这个问题的任何想法？

提前致谢！

Answer 1

所以这差不多是4年前了，但是前一天我遇到了同样的问题，在无奈中，我来到StackOverflow寻求隧道尽头的光...但是没有。直到现在

无论如何，我找到了实现要求的一种不错的方法。标签聚焦后，我没有切换复选框，而是切换了菜单，所以：

label.mobile-menu-toggle:focus + aside {
  transform: translateY(0);
  opacity: 1;
}

用户单击链接后，它将向下滚动页面，并且由于焦点已从标签上移开，因此移动菜单会滑回到其所属位置。