响应式网页滚动条问题

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');
});  

它应该可以工作