上下移动页面元素的代码

最新推荐文章于 2024-09-17 16:47:39 发布

SW-CMM

最新推荐文章于 2024-09-17 16:47:39 发布

阅读量411

点赞数

分类专栏：工作中的积累

本文链接：https://blog.csdn.net/byl1991/article/details/56663987

版权

工作中的积累专栏收录该内容

12 篇文章 0 订阅

订阅专栏

function dargg(id) {//拖拽
    var tt=$(id);
	var _move=false;
	var _y;
	$(tt).click(function(){
		}).mousedown(function(e){  
		_move=true;  
		_y=e.pageY-parseInt($(tt).css("top"));
	}); 
	$(document).mousemove(function(e){  
		if(_move){ 
		    var hie=600 - $(tt).outerHeight();
			var y=e.pageY-_y;
			if(y >= hie){
				$(tt).css({top:hie});
			}
			else{$(tt).css({top:y})}
			if(y < 0){
				$(tt).css({top:0});
			}
		}  
	}).mouseup(function(){  
	_move=false;  
  });  
}