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:“左上”