纯css,div隐藏滚动条,保留鼠标滚动效果。

  1. .nav_wrap{  
  2.     height: 400px;  
  3.     width: 200px;  
  4.     overflow: hidden;  
  5.     border: 1px solid #ccc;  
  6.     margin: 20px auto;  
  7. }  
  8. .nav_ul{  
  9.     height: 100%;  
  10.     width: 220px;  
  11.     overflow-y: auto;  
  12.     overflow-x: hidden;  
  13. }  
  14. .nav_li{  
  15.     border: 1px solid #ccc;  
  16.     margin: -1px;  
  17.     height: 40px;  
  18.     line-height: 40px;  
  19.     text-align: center;  
  20.     font-size: 12px;  
  21.     width: 200px;  
  22. }  
  23. .btn_wrap{  
  24.     text-align: center;  
  25. }  
  1. <div class= "nav_wrap">  
  2.     <ul class= "nav_ul">        
  3.         <li class="nav_li">我是菜单1</li>  
  4.         <li class="nav_li">我是菜单2</li>  
  5.     </ul>  
  6. </div>  
  7. https://blog.csdn.net/liusaint1992/article/details/51277751

 

相关推荐