jQuery slimScroll 插件不包含 child 节点内的缩进

jQuery slimScroll plugin doesn't include indents inside child node

jQuery 初始化后的 slimScroll 插件在计算 slimScrollDiv 高度时不考虑。所以,parent 的身高低于实际 child 的身高。差异精确等于 child 块中的垂直边距高度和水平边框宽度。因此,滚动条始终可见。需要避免这种情况。

.parent(ref="dropdownScroll")
  .child
    ul
      li
window.$(this.$refs.dropdownScroll).slimScroll({
   height: 'auto',
   railVisible: true,
   size: '12px',
   color: '#ccc',
   railColor: '#fff',
   railOpacity: 1,
});

.child
  margin-bottom 30px
  border 1px solid black

因此,child 正在滚动,即使没有理由。

我不知道它是如何工作的,但是替换 margin-top 而 margin-bottom 已经解决了这个问题。有几个children,一切正常