垂直javascript无限文本轮播与可变大小的元素



我有一系列的推荐显示在侧边栏。我有他们的工作与jCarousel很好,但客户希望能够在不同数量的文本为每个推荐。它看起来非常丑陋,当只有最后的一部分证明显示。

jCarousel确实允许您将内容应用于不可见的项目,但不幸的是,无论项目的部分或全部在视图中,项目都被视为可见。如果有一些可靠的方法来隐藏部分可见的项,那将是可以接受的。

另一种方法是将所有的推荐都设置为静态高度(也就是总高度的1/3),但是这会导致每个元素之间的空间很大,并且在较短的元素上看起来很难看。

如果你能给我一些建议,我将不胜感激。

下面是一个例子:http://jsfiddle.net/HxKAJ/

高度是可变的,我正在淡化部分可见项目的字体颜色,但如果你想隐藏它们,像这样:

.v-carousel-mask li {visibility:hidden}
.v-carousel-mask .visible-carousel-item {visibility:visible}

最新更新