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

Question

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

栏看起来像这样(没有滚动)

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

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

$('.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 .