javascript - 如何在html中制作下一个按钮，上一个按钮来滚动div中的很多元素？(使用jquery，javascript)

Question

!我有照片。

<div id="slider">
    <ul>
        <li class="li"> Div 1</li>
        <li class="li"> Div  2</li>
        <li class="li"> Div  3</li>
        <li class="li"> Div  4</li>
        <li class="li"> Div 5</li>
        <li class="li"> Div 6</li>
        <li class="li"> Div 7 </li>
        <li class="li"> Div 8 </li>
        <li class="li"> Div 9</li>
    </ul>
</div>

当我有更多元素时，它会填满 div。如何制作下一个按钮和上一个按钮，我想在单击下一个按钮时滚动一些元素，然后显示 5 或 6 个元素。当我单击上一个按钮时，它会滚动上一个 session 中的一些元素。谢谢!

Answer 1

我正在使用 swiper.js在我的元素中实现这一目标。

您可以将其作为独立的 js 版本和 JQuery 插件获取。它适用于移动和触摸设备。看documentation或 examples开始。