Question

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

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

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

Answer 1

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

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

这个例子只是一个必须改进的 sketch 。不过，我认为这是一个很好的起点或想法;）

mootools可从左侧调整，不对

1 个答案: