mootools可從左側調整大小，而不是右側

mootools函數makeResizable允許您指定句柄，這意味着我可以在要調整大小的元素左側設置句柄。但拖動操作只允許從右向左拖動，而不是從左向右拖動。mootools可從左側調整大小，而不是右側

有沒有一種方法可以修改函數讓我這麼做？我希望能夠在我的元素的左側和右側使用句柄。

編輯：此外，我設置了一個可調整大小的垂直調整大小的另一個元素。而邏輯似乎是倒過來的。我必須滾動到最大的元素更小。爲什麼會這樣？元素上的絕對位置設置爲bottom:0; left:0;（在相對容器內）

2011-02-01 Ashley

隨機猜測：如果在元素的css上設置`direction：rtl;`會發生什麼？ – drudge 2011-02-01 23:58:40

不，不幸的是不工作 – Ashley 2011-02-02 00:03:13

好問題！據我所知，處理左右兩邊不可能直接使用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

該實施例僅僅是一個草圖具有有待提高。不過，我認爲這是一個很好的起點或想法;）

來源

2011-02-02 11:35:49 stecb

mootools可從左側調整大小，而不是右側

回答

相關問題