javascript - Javascript/Jquery 中的可滚动按钮组

Question

谁能帮我创建一个按钮组。如果组中有多个 X 按钮，它应该有一个左右箭头来滚动浏览所有按钮，而不是一次显示所有按钮。最后它应该看起来像这样:

我试过这个来创建按钮组:

<div class="btn-group">
        <a class="button btn-days">Monday</a>
        <a class="button btn-days">Tuesday</a>
        <a class="button btn-days">Wednesday</a>
        <a class="button btn-days">Thursday</a>
        <a class="button btn-days">Friday</a>
        <a class="button btn-days">Saturday</a>
        <a class="button btn-days">Sunday</a>
</div> 

Answer 1

这可以使用 Bootstrap 很好地完成，只需将“.pre-scrollable”添加到包含的 div。

<div class="btn-group pre-scrollable" role="group" id="year">
    <button type="button" class="btn btn-secondary">1</button>
    <button type="button" class="btn btn-secondary">2</button>
    <button type="button" class="btn btn-secondary">3</button>
    <button type="button" class="btn btn-secondary">4</button>
</div>