CSS:制作带箭头的侧滚动面板

时间:2013-11-01 07:42:20

标签: html css scroll

我一直在寻找类似这样的东西只是使用CSS,但我似乎无法找到我正在寻找的东西。

我正在制作与照片库非常相似的东西,我想要的是一个带有几个图标的面板。但是说我在一个只有五个的面板中有十个图标 - 在这种情况下,我希望左右箭头可以滚动到下一个五个。

我知道我可以使用overflow:scroll选项,如果我只想要一个漂亮的滚动条,但我真正喜欢的是我按下右箭头,图标移动的东西。

如果有人可以指出任何教程,或者知道我在说什么,请告诉我:)

谢谢!

1 个答案:

答案 0 :(得分:1)

只需搜索一个jQuery滑块插件,用你想要的内容填充这个插件,并根据需要修改样式。一些不错的选择:

http://tympanus.net/Tutorials/ResponsiveImageGallery/

http://tympanus.net/Tutorials/SliderGallery/

您也可以尝试这样的HTML5 / CSS3:

http://codepen.io/Merri/details/eEBKp

通过一些修改,您将能够将其集成到您的设计/需求中:)