在Javascript中创建水平滚动菜单

我想创建一个水平滚动菜单，如Pinterest：

我不想使用Bootstrap或react，我只想使用HTML、CSS和Javascript

---

我该怎么做呢？

我给你举了一个小例子

因此，基本上您将创建一个具有固定宽度的容器。这将是显示的视图。在该容器中，您将创建一个溢出父容器的新容器，但是父容器不会显示溢出

如果单击“左”或“右”，则会将内部div向左或向右滑动，并显示其他内容

var btnL=document.getelementbyidbtnlow； var btnR=document.getElementByIdbtnRight； var content=document.getElementByIdcontent； btnR.addEventListenerclick，goRight； btnL.addEventListenerclick，高尔夫球场； var clickedIndex=0； 函数goRight { 如果单击索引<2 { clickedIndex=clickedIndex+1； content.style.marginLeft=-190*单击索引+px； } } 功能高尔夫球 { 如果单击索引>0 { clickedIndex=clickedIndex-1； content.style.marginLeft=-190*单击索引+px； } } .mainViewer { 最大宽度：570px； 宽度：570px； 高度：250px； 保证金：自动； 背景色：红色； 溢出：隐藏； } 所容纳之物 { 显示器：flex； 身高：100%； 最小宽度：calc190px*5； 弯曲方向：行； 对齐项目：居中； 证明内容：中心； 过渡期：全部6秒； } 卡片 { 高度：150像素； 宽度：150px； 背景颜色：蓝色； 左边距：20px； 右边距：20px； 显示器：flex； 对齐项目：居中； 证明内容：中心； 弯曲方向：立柱； } .可点击 { 光标：指针； } 1. 2. 3. 4. 5. 左边

---

对，你试过什么？是一个很好的开始。@King11我试着按照您发送的链接来做，但我不知道如何放置向左或向右的按钮。你知道怎么做吗？你有当前代码的代码片段或JSFIDLE吗？我需要查看您正在使用的内容，以便为您提供更多帮助。@King11所以您只希望箭头单击向左或向右？在html代码中，会出现5张卡片，但当您运行代码时，它只允许我滚动到4。我如何解决这个问题？@SebastiánVarellaGmz这是因为我限制js只向右滚动一个，然后禁用该操作。只要检查位置并允许它滚动多次，你能告诉我怎么做吗？@SebastiánVarellaGmz我已经为你更新了上面的示例。只需将当前状态存储在int中，然后允许它单击鼠标右键或不单击。