为什么我的slimscroll在高度设置为百分比而不是固定值时会出现问题？

Question

我正在使用this slimscroll library为我页面上的某些div显示更漂亮的滚动条。我注意到如果我将滚动条类的高度设置为固定值（即'500px'，'80vh'等），那么如果内容没有溢出，则滚动条将不存在，如果存在，那么它将会出现。它很棒。

但是这个解决方案效果不好因为我需要包含滚动条的div来占用100％的父div。但是，当我这样做时，即使内容没有溢出容器，也会出现滚动条。

有没有人知道一个解决方案，我可以将滚动条的高度设置为100％，并使其仅在内容溢出父容器时出现？

HTML

           <div class="s12 m12 l12 row-90 m-b-0 rail-row">
                <div class="card-scroll m-r-10">
                    <ul class="top-list">
                        ///adds a series of divs based on data from back end
                        {{#each ins in selectedInstruction}}
                            <li>{{> Print_job printJobArgs ins true true}}</li>
                        {{/each}}
                    </ul>
                </div>
            </div>

JS

$('.card-scroll').slimScroll({
        size: '8px',
        height: '100%',
    });
    $(".slimScrollBar").hide()

当页面加载时，slimscroll包含div中带有“card-scroll”类的div，并添加html以使其滚动条显示。