1、静态页面中,代码如下:
<!DOCTYPE html>
<html><head>
<meta charset="utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.9.1.js"> </script>
<script type="text/javascript" src="jquery-ui.js"> </script>
<style type="text/css">
.big{ width:100%; min-height:1100px;}
.drg{ width:600px; height:400px; border:2px solid #ddd; background:#CCC; overflow-y:auto;}
</style>
</head>
<body>
<div id="dialog">
<div id="content">
</div>
</div>
<div class="big" id="containment-wrapper">
<div id="draggable3" class="drg">
<div class="allow">
ffffffffffffffffff
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
ffffffffffffffffff
ffffffffffffffffff
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
ffffffffffffffffff
</div>
</div>
</div>
<script type="text/javascript">
$("#draggable3").draggable({handle:".allow"});
</script>
</body>
</html>
2、可以只给要拖动的设置
3、 下面是设置在当前分辨率中拖动
$("#draggable3").draggable({ containment: 'body' });//设置拖动范围
$("#draggable3").draggable({ containment: 'body' });
$("#draggable3").draggable({ handle:".allow"}); //设置被拖动的div