Edit in JSFiddle

var obj1 = document.getElementById('drag-1'),
    obj2 = document.getElementById('drag-2');
		
viiny.dragger(obj1, {
  snapX: 50,
  snapY: 50
});
	
viiny.dragger(obj2, {
  snapX: 100
});

<div id="drag-1" class="draggable box">
    SnapX: 50, SnapY: 50
</div>

<div id="drag-2" class="draggable box">
    SnapX: 100
</div>

.draggable {
	position: absolute;
	left: 0;
	top: 0;
}

.box {
	width: 100px;
	height: 100px;
	padding: 10px;
	font-size: 12px;
	text-align: center;
	background-color: #23527c;
	color: #FFFFFF;
	word-wrap: break-word;
}

#drag-2 {
  left: 200px;
}