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/

我遇到了同样的问题，但发现它有效。