SOURCE

$('#btn').click(() => {
    
})

<div>
    <div id="nav">
        <ul id="con">
            <li>11</li>
            <li>22</li>
            <li>33</li>
            <li>44</li>
            <li>55</li>
            <li>66</li>
            <li>77</li>
            <li>88</li>
            <li>99</li>
            <li>1010</li>
        </ul>
    </div>

    <button id="btn">移动</button>
</div>

#nav {
    background: #ccc;
    width: 500px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
}

ul,li {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
}
ul {
    width: 100%;
    text-align: center;
    font-size: 0;
}
li {
    width: 12.5%;
    font-size: 14px;
}