JQuery slim scroll 不会滚动到最后一个元素

Question

我有一个带左侧栏的仪表板。栏中有很多元素（包括内部列表等）。显然，它不适合这么小的区域。解决方案是使用 JQuery 的超薄卷轴。不过，我遇到的问题是无法滚动到栏内的最后一个元素。

栏看起来像这样（没有滚动）

现在看看内部元素打开时的样子：

看到了吗？最后一个元素无法正确看到（尽管它是可点击的）。不幸的是，"fix" 的唯一方法可能是在初始化这些东西时使用一些参数。现在看起来像这样：

$('.elemToAddScrolling').slimScroll({
            height: '100%',
            wheelStep: 5,
        });

基本上我看到库生成 div 元素 - 其中之一是 slimScrollBar - 正是我要找的。我看到它有 top 属性，每当我滚动时它都会改变。不过，最大值是 107px（当我们达到 "the end" 时）。我使用这个插件的最新版本 - 1.3.8 真的有办法定制它吗？

Answer 1

问题已重现 here。

很明显这是父元素的填充问题。现在是哪一个？在 codepen 中，它是主体......在 J. Doe 的项目中，它在外包装上，他发现了一个 44px 的填充。

通过对内部容器应用 margin-top:-44px 解决了这个问题...将整个东西向上移动。

但是，另一种方法可能是在 slimScroll 设置中应用 height: calc(100% - 44px)！它可以带它，如你所见here.