拖拽包

由於每一次去實現拖拽功能，都要手動的去添加事件，編寫邏輯，因此此次試着將拖拽功能給封裝一下，下次用的時候能夠比較方便的使用：

demo下載:

https://pan.baidu.com/s/1C3qFvFaGIMmZ3QMPNTinwg

使用說明:

    window.initRollingBall({
        parentID:"content-control",//默認body
        scrollID:"main-container",//滾動容器對象
        zIndex:2001,//彈出的拖拽對象的層級(默認1001)
        css:"top:30px;bottom:50px;",
        self:true,//設置爲true表示拖拽自身以滑動
        targetElement:['form','div']//若是設置self爲true,這個字段表示觸發拖拽時候的元素
      });

    parentID咱們被拖拽對象的父容器的ID，默認是body,這裏咱們爲何要放開能夠讓你指定父容器呢，由於有的時候的場景並非說整個界面都須要拖拽，可能只是界面中某一小部分能夠拖拽，注意一下:對應parentID的元素的定位須要是absulute或者relative
    scrollID:表示被拖拽對象的ID
    self:取值爲true或者false,若是是true，這個時候咱們拖拽的其實是scrollID指定的元素,若是是false,咱們實際上會額外添加一個div覆蓋在scrollID上面，這樣拖拽的時候就不會影響到scrollID上面的元素，這樣作是有道理的，且下面看
    targetElement:上面咱們說了self的做用,若是self設置爲true的話 實際上拖拽scrollID對應的元素就能夠實現拖拽了，可是若是scrollID上面有其餘控件，這就會和拖拽事件衝突,因此咱們能夠在這裏設置元素，表示能夠接受拖拽響應事件的元素類型
    z-index:上面說到若是self設置爲false的話,咱們會額外添加一個div覆蓋在scrollID元素上面,這個是設置額外添加那個div的層級的　　 css:用來設置咱們的self爲false的時候添加的那個div的css