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/

我遇到了同样的问题，发现这个有效。