Javascript/Jquery中的可滚动按钮组

有人能帮我创建一个按钮组吗？如果组中有超过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> 

---

使用jquery，他们得到了find这样的方法，您可以使用这些方法计算结果，并根据结果对dom进行任何操作

例如：

if($(".btn-group").find(".button").length > 3) { // then do something }

参考号

---

这可以使用引导很好地完成，只需将.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>

---

你已经有一些css/js了吗？除了HTML之外，到目前为止你还尝试了什么来实现它？我得到了这个：示例。但是我不想使用引导。我只想使用jquery/javascript