jQuery超薄滚动不会滚动到最后一个元素

Question

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

该栏看起来像这样（不滚动）

现在看一下内部元素打开时的外观：

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

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

基本上，我看到该库生成div元素-其中之一是slimScrollBar-正是我想要的。我看到它具有top属性，并且每当我滚动时它都会改变。但是，最大值是107px（到达“终点”时）。我使用该插件的最新版本-1.3.8是否可以自定义它？

Answer 1

该问题已复制here。

因此很明显这是父元素的填充问题。现在哪一个？在Codepen中，它是身体...在J. Doe的项目中，他在一个外包装纸上找到了44px的填充。

此问题已通过在内部容器中应用margin-top:-44px来解决...将整个内容向上移动。

但是，另一种方法可能是在slimScroll设置中应用height: calc(100% - 44px)！可以接受，就像您看到的here一样。