光滑的滑块在引导程序 3 选项卡内容中无法完美工作

Question

光滑滑块在bootstrap 3 TAB内容中不完美工作，我搜索了解决方案，但发现了这个

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: block;     /* undo display:none          */
    height: 0;          /* height:0 is also invisible */ 
    overflow-y: hidden; /* no-overflow                */
}
.tab-content > .active,
.pill-content > .active {[![enter image description here][1]][1]
    height: auto;       /* let the content decide it  */
} /* bootstrap hack end */

但是当我尝试运行它时，滑块工作得很好，但是箭头消失了，并且显示了滚动条x:S:S:S

http://prntscr.com/82m34c

Answer 1

try this

.tab-content > .tab-pane:not(.active), 
.pill-content > .pill-pane:not(.active) {
    display: block;
    height: 0;
    overflow-y: hidden;
}

Answer 2

这对我来说是有效的，当我在bs3选项卡窗格中有两个光滑的滑块时，我也有同样的问题，当添加你的css代码时-修复它

如果你有一个滚动-试着改变溢出的溢出y在两个维度或者只是取消该规则