touch - ドラッグタッチでアイテムを垂直方向に中央揃えする オーバーラップを検出する

Question

赤い四角形のタッチで数秒後に各アイテムの各列の中心を配置し、赤い四角形の内側にあるアイテムを検出して、中心に移動する必要があります。

ここにリンク

<div id="snap"></div><!--- center here a .item on touch and overlap after  x seconds --->
            <div class="cont-area"></div>

            <div class="overflow-items" id="comere">
                <div class="cont-items">

                        <div class="item">
                            1
                        </div>

                        <div class="item">
                            2
                        </div>

                        <div class="item">
                            3
                        </div>

                        <div class="item">
                            4
                        </div>

                        <div class="item">
                            1
                        </div>

                        <div class="item">
                            2
                        </div>

                        <div class="item">
                            3
                        </div>

                        <div class="item">
                            4
                        </div>
                </div>
            </div>