Javascript JQuery细长卷轴不';t滚动到最后一个元素

Javascript JQuery细长卷轴不';t滚动到最后一个元素,javascript,jquery,scroll,slimscroll,Javascript,Jquery,Scroll,Slimscroll,我有一个带左侧栏的仪表板。酒吧里有很多元素(包括内部列表等)。显然,它不适合这么小的区域。解决方案是使用JQuery的细长卷轴。不过,我遇到的问题是无法滚动到栏中的最后一个元素 该条看起来像这样(没有滚动) 现在看一下内部元素打开时的外观: 看到了吗?最后一个元素无法正常显示(尽管可以单击)。不幸的是,唯一“修复”它的方法是perphaps在初始化这些东西时使用一些参数。现在看起来是这样的: $('.elemToAddScrolling').slimScroll({

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

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

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

看到了吗?最后一个元素无法正常显示(尽管可以单击)。不幸的是,唯一“修复”它的方法是perphaps在初始化这些东西时使用一些参数。现在看起来是这样的:

$('.elemToAddScrolling').slimScroll({
            height: '100%',
            wheelStep: 5,
        });
基本上,我看到库生成了div元素——其中一个是
slimScrollBar
——这正是我想要的。我看到它有
top
属性,每当我滚动它时,它都会改变。不过,最大值是107px(当我们到达“终点”时)。我使用的是这个插件的最新版本-1.3.8,真的有办法定制它吗

该问题被复制

所以很明显,这是来自父元素的填充问题。现在是哪一个?在密码栏里,是尸体。。。在J.Doe的项目中,他发现了一个44像素的填充物,它就在一个外包装上

通过将
边距顶部:-44px
应用于内部容器,解决了该问题。。。把整个事情往上推


但是,另一种方法可能是在slimScroll设置中应用
height:calc(100%-44px)
!正如您所见,它可以接受它。

。您是否有这个
.elemToAddScrolling
放在
100vh
容器内的机会?代码笔中的高度误差来自主体的填充。如果你在设置中应用CSS重置,问题就消失了。谢谢你的回复,但是我的容器有两种样式位置:固定;身高:100%;身体上没有可以抵消的东西?不管怎么说,这只是个猜测。如果您在slimScroll设置中尝试
100vh
?也许…我确信这是关于某个地方的填充。。。我不敢相信这个插件有这么愚蠢的问题。看来,你是对的。外包装有
填充顶部:44px
,但我无法摆脱它,因为否则整个页面,包括内容、左侧栏和顶部栏都会上升。