1

光滑的滑块在 bootstrap 3 选项卡内容中无法正常工作，我搜索了解决方案，但找到了这个

.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

4

2 回答 2

1

尝试这个

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

于 2016-08-05T08:25:52.243 回答
0

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

如果你得到一个滚动 - 尝试在两个维度上更改溢出 - y 或者只是关闭该规则

于 2015-11-26T17:13:28.320 回答