Question

我有一个动态缩放的图像（固定位置，窗口高度），因此它按比例缩放并改变其宽度。我想用它的宽度来设置另一个div的左侧定位。我可以使用这样的东西吗？

$("#menubar img").ready(function() {
     var bodywidth = $("#menubar img").width();
        $("#text").left(bodywidth);
});

$("#menubar img").resize(function() {
   var bodywidth = $("#menubar img").width();
        $("#text").left(bodywidth);
});

我迷失在剧本中：）

Answer 1

var bodywidth = $("#menubar img").width();将为您提供一个数字，例如120.请注意，这是以像素为单位但缺少单位。将任何内容设置为此值的结果都是没有意义的。

你需要：

 $("#text").css('left',bodywidth+'px');

这假设“另一个div”正在使用绝对定位。

Answer 2

$("#menubar img").ready(function() {
 var bodywidth = $("#menubar img").width();
    $("#text").css('left',bodywidth.toString().concat('px'));});$("#menubar img").resize(function() {   var bodywidth = $("#menubar img").width();        $("#text").css('left',bodywidth.toString().concat('px'));});

希望这有帮助

使用动态缩放图像宽度进行另一个div的左侧定位

2 个答案: