我正在尝试按照以下方式创建页面布局:
中间部分的想法是项目的全宽(即视口宽度,与作为容器宽度的页面/页脚内容相反)水平画廊,每个项目都有设置的高度和宽度。显示多少项目取决于视口的宽度。对于在视口中不可见的项目,用户应该能够通过单击画廊左侧或右侧的滚动按钮来滚动它们。
创建这样的项目库的最佳方法是什么?
我正在尝试按照以下方式创建页面布局:
中间部分的想法是项目的全宽(即视口宽度,与作为容器宽度的页面/页脚内容相反)水平画廊,每个项目都有设置的高度和宽度。显示多少项目取决于视口的宽度。对于在视口中不可见的项目,用户应该能够通过单击画廊左侧或右侧的滚动按钮来滚动它们。
创建这样的项目库的最佳方法是什么?
您可以设置一个包装器width:100%;overflow:hidden
和一个带有white-space:nowrap;
. 这样,通过操作left
容器的属性,您可以滚动浏览项目。
我正在使用http://sorgalla.com/projects/jcarousel 它非常易于使用,并且有可能是垂直的,水平的,圆形的..
示例:http ://sorgalla.com/projects/jcarousel/examples/special_flexible.html