magic4

static/Magic4/js/drag.js

@@ -0,0 +1,71 @@
+var isDragging = false;
+var container = document.getElementById('container');
+var startX, startY, scrollLeft, scrollTop;
+var oldTop = 0;
+var fle = true;
+
+function startDrag(e) {
+	isDragging = true;
+	startX = e.clientX;
+	startY = e.clientY;
+	// if(scrollTop == container.scrollTop){
+	// 	if(fle){
+	// 		container = window.top.frames[0].document.getElementById('container');
+	// 		fle = false;
+	// 	}else{
+	// 		var container = document.getElementById('container');
+	// 	}		
+	// }
+	scrollLeft = container.scrollLeft;
+	scrollTop = container.scrollTop;
+}
+
+function stopDrag() {
+	isDragging = false;
+}
+
+function dragging(e) {
+	if (!isDragging) return;
+	var x = e.clientX - startX;
+	var y = e.clientY - startY;
+	container.scrollLeft = scrollLeft - x;
+	container.scrollTop = scrollTop - y;
+	//container = document.getElementById('container');
+}
+
+
+
+
+function startDragSetDistance(e) {
+	isDragging = true;
+	startY = e.clientY;
+	scrollTop = $("#container .nav").css('margin-top').match(/-?\d+/g).join('');
+}
+
+function stopDragSetDistance() {
+	isDragging = false;
+}
+
+function draggingSetDistance(e) {
+	//console.log(isDragging)
+	
+	if (!isDragging) return;
+	
+	var y = -(e.clientY - startY);
+	
+	if ($("#container .nav").height() < $("#container").height() ) return;
+	
+	let navHeight = $("#container .nav").height() - $("#container").height();
+	
+	if (-(scrollTop - y) >= navHeight){
+		$("#container .nav").css('margin-top', -navHeight);
+		return;
+	}
+	
+	if(scrollTop - y > 4.8){
+		$("#container .nav").css('margin-top', scrollTop);
+		return;
+	}
+	$("#container .nav").css('margin-top', scrollTop - y);
+	//container = document.getElementById('container');
+}