Jquery slimScroll问题，内部有另一个滚动条

我正在使用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。“导航主屏幕”是内部滚动条

<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;
}

...

....
.导航干线{
最大高度：171像素；
溢出y：自动；
溢出x：隐藏；
}

假设内部DIV为“#inner”，在初始化后添加此行：

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

像这样：

我也面临同样的问题，并发现这是可行的