//弹窗消失
var moveY,distanceY;
var slideMove=document.getElementsByClassName("container")[0];
slideMove.addEventListener("mousedown",start);
function start(e){
//改div含有margin值,防止拖拽时出现位置偏移
offsetY = event.pageY - slideMove.offsetTop + parseInt(getComputedStyle(slideMove)['margin-top']);
slideMove.addEventListener("mousemove",move);
slideMove.addEventListener("mouseup",cansel);
return false;
}
function move(e){
// offsetY = event.pageY - slideMove.offsetTop + parseInt(getComputedStyle(slideMove)['margin-top']);
moveY=e.clientY;
distanceY=moveY-offsetY;
if(distanceY>=slideMove.offsetHeight){
slideMove.style.height="0";
}else{
slideMove.style.transform="translateY("+distanceY+"px)";
}
return false;
}
function cansel(e){
slideMove.removeEventListener("mousemove",move);
slideMove.removeEventListener("mouseup",cansel);
}
实现鼠标滑动一个div弹窗,及滑动鼠标,弹窗慢慢消失