堆叠的两个 slimscrolls 似乎不起作用

Question

当 slimscroll 初始化代码被注释掉时，它可以正常工作 - 滚动条是可见的。当 slimscroll 初始化时，它应该基本上是一样的，除了本机滚动条应该是 slimscroll 的，但现在它只是破坏了一切。 Afiddlehttp://jsfiddle.net/xyvo4r0a/3.

<div class="slimScroll" style="overflow-y:auto;height:200px;width:250px">
    <div class="child-height-1" style="height:50%;overflow-y:auto">
        <div class="child-content" style="height:300px;background-color:lightgreen">asd</div>
    </div>
    <div class="child-height-2" style="height:50%;overflow-y:auto">
        <div class="child-content" style="height:300px;background-color:lightyellow">asd</div>
    </div>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/slim-scroll/1.3.2/slimscroll.min.js"></script>
<script>
    $(function () {
        //new slimScroll($('.child-height-1')[0]);
        //new slimScroll($('.child-height-2')[0]);
    });
</script>

Answer 1

试试这个：

<div class="child-height-1" style="height:50%; overflow: hidden; position: relative;">

Fiddle: http://jsfiddle.net/c8d3ohue/

堆叠的两个 slimscrolls 似乎不起作用

two slimscrolls stacked doesn't seem to work

javascript

html

css

slimscroll