Jquery 当尺寸变化时,div元件能否固定位置?

Jquery 当尺寸变化时,div元件能否固定位置?,jquery,html,css,html5-canvas,Jquery,Html,Css,Html5 Canvas,我正在试着调整尺子的尺寸 当处于水平模式时,当您调整其大小时,它会延伸和收缩 但在垂直模式下,标尺向左移动的幅度越大,而向右移动的幅度越大 拖动小红线可以调整标尺的大小 这是你的电话号码 以下是部分资料来源: ruler.css({ width: e.pageY -ruler.offset().top }); 完整资料来源如下: $.event.add( document, "mousemove", function(e){ e.stopPropagation(e); if(rule

我正在试着调整尺子的尺寸

当处于水平模式时,当您调整其大小时,它会延伸和收缩
但在垂直模式下,标尺向左移动的幅度越大,而向右移动的幅度越大

拖动小红线可以调整标尺的大小


这是你的电话号码

以下是部分资料来源:

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
        });
            }
     }
});

我不知道jQuery,所以我不能告诉您添加修复的最佳方式,但是如果我理解您的问题,您只需要设置一个转换原点。默认设置为“中心”,因此调整大小时中心点会移动。如果您将其设置为类似左上角的值,它将按预期工作

例如,我在添加到ruler的CSS中为webKit添加了它(使用其前缀):

var ruler = $(this)
    .addClass('ruler')
    .css({
        minWidth: options.minWidth,
        maxWidth: options.maxWidth,
        width: options.width,
        webkitTransformOrigin: "top left"
    });
相反,您应该将其设置在jQuery中通常设置的正确位置,使用jQuery用于设置变换原点的任何方法(可能就在应用旋转或某些添加的参数之前)。您还应该添加各种其他前缀和无前缀版本。对于非固定版本,它应该是
transformOrigin
(小写t)


示例:

我不知道jQuery,因此我无法告诉您添加修复的最佳方式,但如果我了解您的问题,您只需要设置一个转换原点。默认设置为“中心”,因此调整大小时中心点会移动。如果您将其设置为类似左上角的值,它将按预期工作

例如,我在添加到ruler的CSS中为webKit添加了它(使用其前缀):

var ruler = $(this)
    .addClass('ruler')
    .css({
        minWidth: options.minWidth,
        maxWidth: options.maxWidth,
        width: options.width,
        webkitTransformOrigin: "top left"
    });
相反,您应该将其设置在jQuery中通常设置的正确位置,使用jQuery用于设置变换原点的任何方法(可能就在应用旋转或某些添加的参数之前)。您还应该添加各种其他前缀和无前缀版本。对于非固定版本,它应该是
transformOrigin
(小写t)


示例:

您的问题缺乏细节。你想干什么?“很好用”是什么意思?对不起,我的英语不好。。当我将直尺样式设置为水平时,它工作得很好。然后尝试调整div的大小,这样效果很好。但当我制作垂直样式的标尺,然后在调整div大小时,它的位置在调整大小时发生了变化……请解释一下你们想做什么。一些你期待的结果截图会很有帮助。谢谢所有评论。。我只想更改大小(垂直),请访问>>嘿,大家好!赵宏瑞试图调整尺子的尺寸。在不以水平模式移动的情况下调整其大小时,它会延伸和收缩。但是,如果您尝试在垂直模式下调整标尺的大小,则标尺将向左移动,收缩的次数越多,扩展时将向右移动。我认为问题在于
ruler\u wrapper.append(“”+I+“”)您可以添加一个修正系数作为i值的加法。您的问题缺少详细信息。你想干什么?“很好用”是什么意思?对不起,我的英语不好。。当我将直尺样式设置为水平时,它工作得很好。然后尝试调整div的大小,这样效果很好。但当我制作垂直样式的标尺,然后在调整div大小时,它的位置在调整大小时发生了变化……请解释一下你们想做什么。一些你期待的结果截图会很有帮助。谢谢所有评论。。我只想更改大小(垂直),请访问>>嘿,大家好!赵宏瑞试图调整尺子的尺寸。在不以水平模式移动的情况下调整其大小时,它会延伸和收缩。但是,如果您尝试在垂直模式下调整标尺的大小,则标尺将向左移动,收缩的次数越多,扩展时将向右移动。我认为问题在于
ruler\u wrapper.append(“”+I+“”)您可以添加一个校正系数作为i值的加法。您需要添加不固定的版本,例如transformOrigin:“左上角”。对于Opera,它是OTransformOrigin:“左上”,对于Firefox:MozTransformOrigin:“左上”,您需要添加未固定的版本,例如transformOrigin:“左上”。对于Opera,它是OtrTransformOrigin:“左上”,对于Firefox:MozTransformOrigin:“左上”