jQuery简单的横向拖拽 溢出隐藏 没有滚动条

弄一个简单的css 样式

  * {
            margin: 0;
            padding: 0;
        }

      

        .center {
            width: 1200px;
            height: 80px;
            background: #ccc;
            overflow: hidden;
            margin: 100px auto;
            position: relative;
        }

        .flag {
            width: 1500px;
            height: 80px;
            background: pink;
            line-height: 80px;
            opacity: 0.5;
            color: green;
            position: absolute;
           
        }

 然后弄一个简单的小块块

    <div class="center" id='boxy'>
        <div class="flag" id="box">
            1234567890abcdefghijklmnopqretuvwxyz      
        </div>
    </div>

然后是比较low的js代码...... 

 $("#box").mousedown(function (e) {//点击准备开始拖拽
            var xx = e.offsetX;//获取