jquery - サイズが変更されたときにdiv要素の位置を固定できますか?

Question

定規のサイズを変更しようとしています。

が水平モードの場合、サイズを変更すると伸縮します。
ただし、垂直モードでは、定規は縮小すると左に移動し、拡大すると右に移動します。

小さな赤い線をドラッグすると、定規のサイズを変更できます。

---

これがjsFiddleです。

そして、ここにソースの一部があります：

ruler.css({
    width: e.pageY -ruler.offset().top
});

完全なソースはここにあります：

$.event.add( document, "mousemove", function(e){
e.stopPropagation(e);
if(ruler_resize_active) {
    console.log(".ruler-resize:mousemove");
    console.log(ruler.offset().left);
    console.log(ruler.offset().top);
    if(options.orientation == "vertical") {
            ruler.css({
             width: e.pageY - ruler.offset().top
        });
            }
     }
});