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 никогда не прокручивается, только внешние свитки. Как я могу решить эту проблему? Это мой 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/

я столкнулся с той же проблемой и нашел, что это работает.