jquery slimScroll問題與另一個滾動條內

Question

我使用slimScroll插件在我的div中滾動條。

$('#sidebar-scroll').slimScroll({ 
    height: '500px', 
    color: '#fff', 
    size: '5px', 
    opacity : .35, 
    wheelStep : 15, 
    distance : '2px', 
    railVisible: false, 
    railOpacity: 1 
}); 

但我也有另一個滾動條沒有使用這個插件。我使用CSS來創建一個滾動條。最後，在我將這個插件應用到外部div之後，div內的滾動條無法工作。每次我滾動，內部div從不滾動，只有外部div滾動。我該如何解決這個問題？這是我的HTML和CSS。 「nav-main」是內部滾動。

<div id="sidebar-scroll"> 
    <div class="side-content"> 
    <ul class="nav-main"> 
     <li></li> 
     ... 
    </ul> 
    </div> 
    .... 
</div> 

.nav-main { 
    max-height: 171px; 
    overflow-y: auto; 
    overflow-x: hidden; 
} 

Answer 1

假設內DIV是 「#inner」，加入這一行初始化後：

$("#inner").on("mousewheel", function(e){e.stopPropagation();}); 

像這樣：http://jsfiddle.net/ZE8HK/42/

我面臨同樣的問題，發現了這個工作。