html - 创建一个水平滚动的菜单栏

Question

我正在寻找一些关于为网站创建水平滚动菜单栏的建议(要在计算机上而不是手持设备上查看)。我对编码很生疏，但我真的只是在寻找一个关于如何实现这种效果的粗略轮廓。首先，让我解释一下我要做什么。

它看起来像这样，其中 <-- 和 --> 是箭头的图像:

<---- C | D |乙 | F ---->

如果您要单击任一箭头，菜单(或者更确切地说，其中的对象分别向左或向右移动，使菜单的某些部分现在可见，而其他部分现在不可见，例如(如果您要单击左箭头):

<---- 一个|乙 |丙 | D ----->

换句话说，这个菜单旨在比屏幕更宽，但我只想显示适合箭头之间的内容。

如有任何帮助，我们将不胜感激。

Answer 1

查看 swipe.js，它们在网页中非常容易使用，您也可以使它们响应。

https://github.com/thebird/Swipe

您将使用此代码创建一个可滑动的 slider

<div id='slider' class='swipe'>
  <div class='swipe-wrap'>
    <div></div>
    <div></div>
    <div></div>
  </div>
</div>

在<div></div>里面创建您的页面 (A | B | C)