1

mootools 函数makeResizable允许您指定一个句柄，这意味着我可以在要调整大小的元素的左侧设置一个句柄。但是拖拽操作只允许从右向左拉动，不能从左向右拉动。

有没有办法可以修改函数让我这样做？我希望能够在元素的左侧和右侧使用手柄。

编辑：另外，我为垂直调整大小的另一个元素设置了可调整大小。逻辑似乎是相反的。我必须向上滚动到最大元素更小。为什么会这样？元素上的绝对位置设置为bottom:0; left:0;（在相对容器内）

4

1 回答 1

1

好问题！据我所知，直接使用 makeResizable 无法同时处理左右。顺便说一句，通过尝试使用 makeDraggable 制作一些技巧，您可以设置要调整大小的元素和 2 个拖动器（1 个左，1 个右），并通过拖动每个元素，您可以设置元素的左/宽度属性到-调整大小。IE

html:

<div id="resizable">
    <div class="fakeHandler" id="leftHandler">
    </div>
    <div class="fakeHandler" id="rightHandler">
    </div>
</div>

CSS：

#resizable{
    width:100px;
    height:100px;
    background:red;
    border:1px solid #787878;
    position:absolute;
    left:100px;
    bottom:100px;
}
.fakeHandler{
    height:100px;
    width:10px;
    position:absolute;
}
#leftHandler{
    left:0;
    cursor:e-resize;
}
#rightHandler{
    right:0;
    cursor:w-resize;
}

js：检查这个小提琴

这个例子只是一个需要改进的草图。但是我认为这是一个很好的起点，或者一个想法；）

于 2011-02-02T11:35:49.993 回答