边栏引导滚动块响应

Question

我有一个带有Bootstrap的侧边栏制作CSS的问题。 这是固定的，所以当我用一个小型智能手机打开它时，一些内容无法看到，如果我走下边栏就是阻止。

这是一张示例照片

这是代码：

＆＃13;

＆＃13;

.sidebar-offcanvas{-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: auto;
  width:70%;
  background-color: #262e56;
  z-index: 51;
  padding: 0;margin: 0;
  position:fixed;
  top:165px;
  left: -70%;
}

＆＃13;

<div class="col-xs-6 col-sm-4 col-md-3 sidebar-offcanvas">
  <ul data-spy="affix" data-offset-top="120" id="affix" class="nav nav-stacked">
    <li> <a data-toggle="offcanvas" data-target=".sidebar-nav"> <i class="fa fa-th"></i> Menu </a></li>
    <li><a href="#"> Supporto </a></li>
    <li><a> </a></li>
    <li><a href="#"> I principi della conbustione </a></li>
    <li><a href="#"> Agenti estinguenti - 1</a></li>
    <li><a href="#"> Agenti estinguenti - 2 </a></li>   
    <li><a href="#"> Gli estintori - 1 </a></li>   
    <li><a href="#"> Gli estintori - 2 </a></li>    
  </ul>
</div>

this is the tutorial to do this slidbar: http://www.marchettidesign.net/2014/04/creare-un-sidebar-menu-responsive-stile-app-con-bootstrap/
help me to add scrolling to the slidebar

＆＃13;

＆＃13;

＆＃13;