<style>
#aaa {
border: 1px solid #89B;
background: #BCE;
height: 200px;
width: 80px;
cursor: move;
position: absolute;
top: 120px;
left: 120px;
}
</style>
<body>
<h1>请通过shift键让它依照现时的长高之比进行缩放</h1>
<div id="aaa" ms-controller="root" ms-css-left="x" ms-css-top="y" ms-resizable="root,resizable">
</div>
<script>
require(["resizable/avalon.resizable"], function() {
var model = avalon.define( {
$id : "root",
x : 120,
y :120,
resizable : {
start: function(e) {
e.stopPropagation();
},
drag: function(e, data) {
e.stopPropagation();
},
resize : function (e , data) {
e.stopPropagation();
},
stop : function (e) {
e.stopPropagation();
}
}
})
avalon.scan()
})
</script>
_代码如下：_
拖拽元素没有问题，但是当拉住元素的四个角resize结束后，元素的left 和top 变化导致 元素跳动，应该是修改了我上次提的一个拖拽bug导致的问题。