问CSS:水平滚动菜单的转换并不顺利

EN

在您的代码中，您需要在CSS中做一些基本更改，您的CSS应该如下所示

.btn-arrow {
    display: inline-block;
    text-align: center;
}
.effects-list {
    text-align: center;
}
.col-xs-4 {
    min-height:20px;
}

在这里，您需要为类.col-xs-4设置最小高度20 it，原因是jquery函数需要设置滑动元素以使其具有绝对位置，并且通过强制将其设置为相对高度。如果div中的所有子元素都是绝对元素，那么绝对元素就不会获得父div中的空间，这就是为什么它将使父div获得的内容为空。所以它会把它当作空的div，并将它的高度设置为0px，并且不会在div中显示任何东西.因此，这里我们指定它的最小高度来解决我们的问题。

我们可以做的另一件事是在父div中添加空白。

<div class="col-xs-4" id="effects_menu">&nbsp;</div>