<style>

*{margin: 0;padding: 0;}

li{list-style: none;}

#BScorll{position: absolute;top: 130px;left:0;overflow: hidden;height: 36px;width:100%;}

ul li{

         display: inline-block;

         padding: 5px;

     }

</style>

<div id="BScorll">

<ul>

<li>饿了吗</li>

<li>饿了吗</li>

<li>饿了吗</li>

<li>饿了吗</li>

<li>饿了吗</li>

<li>饿了吗</li>

<li>饿了吗</li>

<li>饿了吗</li>

<li>饿了吗</li>

<li>饿了吗</li>

<li>饿了吗</li>

<li>饿了吗</li>

<li>饿了吗</li>

<li>饿了吗</li>

</ul>

</div>

<script src="bscroll.js"></script>

<script>

new BScroll(document.getElementById('BScorll'), {

scrollX: 'true',

startX: 0,

})

</script>