mootools 从左调整大小，不能从右调整大小

Question

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

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

编辑： 另外，我还为另一个元素设置了可调整大小以进行垂直调整。而且逻辑似乎是颠倒的。我必须向上滚动到最大元素更小。为什么会这样呢？元素上的绝对位置设置为 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: 检查这个小提琴

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