71 lines
1.6 KiB
JavaScript
71 lines
1.6 KiB
JavaScript
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');
|
|
} |