有限空间的幻灯片导航菜单

时间:2018-09-25 04:55:52

标签: javascript html css bootstrap-4

您好,我想寻求有关如何编码以实现此设计(图1)和导航的建议。

我有5个导航项目,但空间有限,我的目标是一次仅显示3个项目,这就是为什么我在左右方向分别放置箭头,所以当您单击相应的箭头时,它会在隐藏时显示另一个菜单其他2。

我正在使用引导程序和字体很棒的箭头

Goal Design

enter image description here

Current

enter image description here

1 个答案:

答案 0 :(得分:0)

您可以使用owl Carousel并显示剩余的3个元素,并在单击时滚动。检查演示。 https://owlcarousel2.github.io/OwlCarousel2/demos/basic.html