javascript - 使用下一步和后退按钮在一行中显示 HTML 内容

Question

我试图搜索这个主题，但没有成功。

我想在我的网页中以多行显示内容，并且在每一行中，当内容超过页面宽度时，我希望有下一个和后退按钮。

一个很好的例子是 Youtube

我找到了关于轮播的好教程，但我并不是真的在寻找轮播，或者至少它看起来不像我想要实现的。

我希望我能够解释我的问题

Answer 1

我以前做过类似的事情，我会试着解释一下我是怎么做到的。

首先，这是js fiddle : https://jsfiddle.net/VoidZA/fxudjony/

大概是这样的:

<div class="container-holder">
    <div class="click-prev nav-button">Prev</div>
    <div class="outsideViewBefore container">Container Before</div>
    <div class="inView1 container">Container 1</div>
    <div class="inView2 container">Container 2</div>
    <div class="inView3 container">Container 3</div>
    <div class="inView4 container">Container 4</div>
    <div class="inView5 container">Container 5</div>
    <div class="outsideViewAfter container">Container After</div>
    <div class="click-next nav-button">Next</div>
</div>

最后编辑:修正了代码，并在 jsFiddle 中放了一个例子