如何使用javascript或jquery自動添加滾動條到側邊欄菜單

任何人都可以幫助我如何自動添加滾動條，如果側邊欄菜單很長。當我試圖爲側欄菜單自動添加滾動條，但是無法解決。感謝Advance.Here是我的html代碼。如何使用javascript或jquery自動添加滾動條到側邊欄菜單

HTML：

<div id="menuwrapper" > 
        <ul class="MainMenu">       
         <li> 
          <a href="#"><strong style="margin-left:7px;">Current Openings</strong></a>        
         </li> 
         <li style="height: 27px;"> 
          <a href="#"><strong style="margin-left:7px;">Travel Request</strong></a> 
         </li> 
         <li><a href="#"><strong style="margin-left:7px;">Timesheet Management</strong></a> 
         </li> 
         <li><a href="#"><strong style="margin-left:7px;">Leave Management</strong></a> 
         </li> 
         <li><a href="#"><strong style="margin-left:7px;">Remuneration</strong></a> 
         </li> 
         <li> 
          <a href="#"><strong style="margin-left:7px;">My Assets</strong></a> 
         </li> 
         </ul> 
         <div id="datepicker"></div> 
         </div>

來源

2016-07-27 user3818933

你嘗試添加溢出：自動到.menuwrapper？ –

如果我添加溢出：自動到menuwrapper它會顯示，如果有2個菜單也，但我需要顯示，如果有一個長菜單 – user3818933

@SaurabhSonawane如果我添加溢出：自動菜單打包如果它也會顯示2菜單我需要顯示，如果有一個長菜單 – user3818933

我試圖使它但只用css

.MainMenu { 
width:200px; 
max-height: 200px; 
background-color:#fff; 
border:1px solid #ccc; 
overflow-x:hidden; 
overflow-y:hidden; 
transition: .5s ease; 
} 
.MainMenu li a { 
    display: block; 
    padding-bottom: 10px; 
    margin: 10px 0; 
    text-decoration: none; 
    color: #777; 
    border-bottom: 1px solid #f5f5f5; 
    overflow: hidden; 
}

演示https://jsfiddle.net/28xwut9m/

，或者您可以使用插件像jQuery slimScroll

我有更新演示使用jQuery-slimScroll check here

來源

2016-07-27 08:24:17 saiful

我沒有得到如何使用jQuery slimScroll你可以請改變我的代碼這對我來說真的很有幫助 – user3818933

我的小變化我們也添加了日曆，但它不適用於日曆。 – user3818933

我有更新演示[檢查這裏]（https://jsfiddle.net/c1jn5fqh/） – saiful

如何使用javascript或jquery自動添加滾動條到側邊欄菜單

回答

相關問題