寻求类似Userway的全屏流畅连续双列Testimonial Slider推荐

现成组件推荐 #

• Swiper.js：主流轮播解决方案，支持自定义多列布局。通过配置slidesPerView: 'auto'结合CSS Grid实现双列，开启loop: true和autoplay实现连续滚动，调整speed参数控制流畅度，可轻松添加hover暂停功能。
• Glide.js：轻量级轮播库，配置简洁。设置perView: 2实现双列布局，开启rewind: false和autoplay实现连续滚动，体积小巧适合性能敏感项目。
• Flickity：主打流畅触摸滚动的轮播库，通过cellAlign: 'left'和wrapAround: true实现无限连续滚动，自定义单元格尺寸适配双列，滚动动画自然顺滑。

自定义实现指引 #

如果不想依赖第三方库，可通过CSS + JS手动实现：

1. 布局基础：用CSS Grid创建全屏双列容器，设置grid-template-columns: repeat(2, 1fr)，容器设为overflow: hidden。
2. 滚动逻辑：用requestAnimationFrame编写平滑滚动函数，持续累加容器的scrollLeft值，搭配缓动函数（如ease-in-out）提升流畅度。
3. 交互优化：监听容器mouseenter/mouseleave事件控制滚动启停，复制 testimonial 内容实现无缝循环效果。

技术参考方向 #

可搜索以下关键词找到相关技术帖子：

• smooth continuous two-column testimonial slider
• full width infinite testimonial carousel
• CSS Grid infinite scroll carousel

内容的提问来源于stack exchange，提问作者Malik