fix导航条然后然滚动条隐藏

这种导航条是很常见的，如果他有滚动条的时候怎么样才可以隐藏掉呢？

方法也很简单就是

<div class="sidebar" style="position: fixed;top:0px;bottom: 0px;height: 100%;min-height:500px;overflow:hidden;width: 200px;>

<div  style="height: 100%;min-height:480px;margin-left:20px;overflow-y:scroll;overflow-x:hidden;width: 220px;margin-bottom: 200px;">

</div>

</div>

这里有两点要注意的

1、就是里面的div的宽度要比原来的div的宽度多20px

、这样子里面的div和外面的div永远有20px的间距，也可以在外面的div增加20px的定位让外面的div左移20px；那么两个div之间就没有了间距了

2、里面的div最好有一个margin-bottom的属性，不然底部的字可能会贴近底部

里面的div最好比外面的div少20px，避免滚动条到底部，内容显示不完整