1

mootools 関数のmakeResizableを使用すると、ハンドルを指定できます。つまり、サイズを変更したい要素の左側にハンドルを設定できます。ただし、ドラッグ操作では、右から左へのプルのみが許可され、左から右へのプルは許可されません。

関数を変更してそうできるようにする方法はありますか? 要素の左右でハンドルを使用できるようにしたいと考えています。

編集:また、垂直方向のサイズ変更のために、別の要素にサイズ変更可能なものを設定しました。そして、論理は逆のようです。要素を最大までスクロールする必要があります。これはなぜでしょうか？要素の絶対位置はbottom:0; left:0;(相対コンテナー内) に設定されます

4

1 に答える 1

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:このフィドルをチェックしてください

この例は、改善が必要な単なるスケッチです。しかし、それは良い出発点、またはアイデアだと思います ;)

于 2011-02-02T11:35:49.993 に答える