响应式网页滚动条问题

Question

我创建了一个SPA，它运行良好，但不是它的响应部分。以下是plunker：http://plnkr.co/edit/NPHsIoirRJA1pS7KNopn?p=preview。这里有两个问题：

1. 使用原始桌面大小时没有问题，当尝试更改大小时，滚动条不可用，并且页面的一半不可见。
2. 从滑动条中选择一个选项时，会显示所需的页面，但滑动条不会自动隐藏。 提前致谢

Answer 1

1. 你有

   .site-container {
     overflow: hidden;
   }
   

在styleSheet1.css第77行。它隐藏了滚动条。删除/评论它，一切都会好起来。

1. 在index.html文件中，我找到了jQuery部分：

   $('#site-cache').click(function(e) {
     $('body').removeClass('with--sidebar');
   });
   

它假设关闭左栏，但我没有在任何地方找到任何“站点缓存”ID。因此，在菜单点击时编辑它或添加另一部分以关闭左栏：

$('nav.menu a').click(function(e) {
 $('body').removeClass('with--sidebar');
});  

应该有效