具有可变大小元素的垂直javascript无限文本轮播
我有一系列推荐要显示在侧边栏中。我让它们与 jCarousel 配合良好,但客户希望能够为每个推荐添加不同数量的文本。当只显示最后一段感言的一部分时,它看起来非常难看。
jCarousel 确实允许您将某些内容应用于不可见的项目,但不幸的是,无论该项目的部分还是全部在视图中,该项目都被视为可见。如果有某种可靠的方法来隐藏任何部分可见的项目,那是可以接受的。
另一种方法是使所有推荐都具有静态高度(即总高度的 1/3),但这会导致每个元素之间有很大的空间,并且在较短的元素上看起来很丑。
对于如何使这种情况发挥作用的任何建议,我将不胜感激。
I have a series of testimonials to display in a sidebar. I have them working fine with jCarousel, but the client wants to be able to put in varying amounts of text for each testimonial. It looks very ugly when only part of the last testimonial is displayed.
jCarousel does allow you to apply things to non-visible items, but unfortunately the item counts as visible whether part or all of it is in view. If there's some reliable way of hiding any partially visible items, that would be acceptable.
An alternative is to make all testimonials a static height (which is, say, 1/3rd of the total height), but this causes large spaces in-between each element, and looks ugly on the shorter ones.
I would appreciate any suggestions on how to make this situation work.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
这是一个例子:
http://jsfiddle.net/HxKAJ/
高度是可变的,我正在淡化部分可见项目的字体颜色,但是你如果您愿意,可以隐藏它们,如下所示:
Here is an example :
http://jsfiddle.net/HxKAJ/
Heights are variable, and I'm fading the font color of partially visible items, but you can hide those if you want, like this: