Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS:制作一个带有箭头的侧面滚动面板_Html_Css_Scroll - Fatal编程技术网

Html CSS:制作一个带有箭头的侧面滚动面板

Html CSS:制作一个带有箭头的侧面滚动面板,html,css,scroll,Html,Css,Scroll,我一直在用CSS搜索类似的东西,但我似乎找不到我要找的东西 我正在制作一个非常类似于照片库的东西,我希望它是一个有几个图标的面板。但是,假设我在一个面板中有十个图标,只适合五个——在这种情况下,我希望有指向左右的箭头,让你滚动到下五个 我知道如果我只是想要一个漂亮的滚动条,我可能会使用overflow:scroll选项,但我真正想要的是我按下向右箭头,图标会在屏幕上移动 如果有人能指出任何教程,或者知道我在说什么,请让我知道:) 谢谢 只需搜索jQuery slider插件,用您想要的内容填充这

我一直在用CSS搜索类似的东西,但我似乎找不到我要找的东西

我正在制作一个非常类似于照片库的东西,我希望它是一个有几个图标的面板。但是,假设我在一个面板中有十个图标,只适合五个——在这种情况下,我希望有指向左右的箭头,让你滚动到下五个

我知道如果我只是想要一个漂亮的滚动条,我可能会使用overflow:scroll选项,但我真正想要的是我按下向右箭头,图标会在屏幕上移动

如果有人能指出任何教程,或者知道我在说什么,请让我知道:)


谢谢

只需搜索jQuery slider插件,用您想要的内容填充这个插件,并根据您的需要修改样式。一些好的选择:

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


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

谢谢。第一个链接与我的想法非常接近。然而,我希望我能找到一些不使用jQuery的东西。再次感谢:)当然,您可以使用javascript或html5/css3自己制作。我会在几秒钟内为你更新我的答案。谢谢!我真不敢相信我没找到这个。我现在就让它运行。没问题,很高兴我能给你指出正确的方向!祝你的项目好运。