【问题标题】:Slide Navigation menu with limited space空间有限的滑动导航菜单
【发布时间】:2018-09-25 13:31:53
【问题描述】:

您好,我想就如何编写代码来实现此设计(图 1)和导航寻求建议。

我有 5 个导航项目,但空间有限,我的目标是一次只显示 3 个项目,这就是为什么我将箭头放在左右两侧,这样当您单击相应的箭头时,它会在隐藏时显示另一个菜单其他 2 个。

我正在为箭头使用 bootstrap 和 font awesome

Goal Design

Current

【问题讨论】:

  • 你能添加HTML吗?
  • 带箭头的水平滚动菜单。参考:Link1-W3SLink2-JSFiddleLink3-Codepen
  • @TamilvananN 我认为最后两个链接(jsfiddle 和 codepen)对于解决方案非常有用。
  • @TamilvananN 谢谢我已经使用了link2并且正在工作

标签: javascript html css bootstrap-4


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-08-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-05-06
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多