mootools 从左边调整大小，而不是右边

Question

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

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

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

Answer 1

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

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:check this fiddle

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