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,一切正常
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,一切正常