首页 新闻 赞助 找找看

resizable缩放多个元素,其他元素被挤下去问题

0
悬赏园豆:10 [待解决问题]

我要在父元素中拖动大小,不能超出父元素,resizable缩放第一个元素时,其他的元素总会被挤下去,把最后一个元素拖动到其他地方,缩放时又会跑到最下去,而且,缩放到最大不能占满父元素,我想要的是,不管拖动放大缩小哪个元素都可以把其他元素覆盖,缩放到最大,
<style>
.div-rows-col{
width: 55%;
height: 500px;
margin-left: 400px;
background-color: gray;
position: relative;
}
.row{
width: 100%;
margin-left: 0px;
margin-right: 0px;
z-index: 10;
position: absolute;
}
</style>
<div class="div-rows-col">
<div class="row" id="div5" style="display:block;">
<div class="col-xs-6 col-md-4 nav-lon" id="five" style="background: red;"></div>
<div class="col-xs-6 col-md-4 nav-lon" id="five" style="background: yellow;"></div>
<div class="col-xs-6 col-md-4 nav-lon" id="five" style="background: #000"></div>
<div class="col-xs-6 col-sm-4 nav-lon" id="five" style="background: green;"></div>
<div class="col-xs-6 col-sm-4 nav-lon" id="five" style="background: blue;"></div>
<div class="col-xs-6 col-sm-4 nav-lon" id="five" style="background: #FFFFFF"></div>
<div class="col-xs-6 col-sm-4 nav-lon" id="five" style="background: silver;"></div>
<div class="col-xs-6 col-sm-4 nav-lon" id="five" style="background: orange;"></div>
<div class="col-xs-6 col-sm-4 nav-lon" id="five" style="background: scrollbar;"></div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$(function () { //预案拖动缩放
$(".nav-lon").draggable({
containment : ".div-rows-col",
zIndex:1000
});
$(".nav-lon").resizable({
containment: '.div-rows-col'
});
});
});
</script>

哎呦喂烦勒的主页 哎呦喂烦勒 | 初学一级 | 园豆:194
提问于:2019-08-02 14:02

放大元素被挤下去怎么解决啊,我的思路都乱了

哎呦喂烦勒 4年前
< >
分享
所有回答(1)
0

把网格改为table表格就可以了,然后利用appendTo插入到表格,放大的话就利用拖拽出td插入到父级框中,就解决了,但是还有一个问题还没解决,就是,拖动到父级框中时样式都是宽高为%百分百,没想好怎么拖拽到父级框中时获取原来第一个放入表格的宽高,(这里的宽高改为像素px)

哎呦喂烦勒 | 园豆:194 (初学一级) | 2019-11-20 17:23
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册