全宽水平图库，可滚动查看端口外的项目

Question

我试图按照以下方式创建页面布局：

中间部分的想法是全宽度（即视口宽度，而不是作为容器宽度的页/页脚内容）水平画廊项目，每个项目具有设定的高度和宽度。显示的项目数取决于视口的宽度。对于在视口中看不到的项目，用户应该可以通过单击图库左侧或右侧的滚动按钮来滚动它们。

创建像这样的项目库的最佳方法是什么？

Answer 1

您可以将包装器设置为width:100%;overflow:hidden，将容器设置为white-space:nowrap;。这样，通过操纵容器的left属性，您可以滚动项目。

http://jsfiddle.net/kQnjY/

Answer 2

我正在使用http://sorgalla.com/projects/jcarousel 它非常易于使用，可以垂直，水平，圆形。

示例：http://sorgalla.com/projects/jcarousel/examples/special_flexible.html