0

我正在尝试按照以下方式创建页面布局:

布局

中间部分的想法是项目的全宽(即视口宽度,与作为容器宽度的页面/页脚内容相反)水平画廊,每个项目都有设置的高度和宽度。显示多少项目取决于视口的宽度。对于在视口中不可见的项目,用户应该能够通过单击画廊左侧或右侧的滚动按钮来滚动它们。

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

4

2 回答 2

1

您可以设置一个包装器width:100%;overflow:hidden和一个带有white-space:nowrap;. 这样,通过操作left容器的属性,您可以滚动浏览项目。

http://jsfiddle.net/kQnjY/

于 2013-08-12T12:00:43.633 回答
1

我正在使用http://sorgalla.com/projects/jcarousel 它非常易于使用,并且有可能是垂直的,水平的,圆形的..

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

于 2013-08-12T12:04:17.920 回答